/** VERSAO 2.0 - 02/06/2017 */ @font-face {font-family: 'opensans'; src: url('_libs/fontes/webkit/opensans_regular/opensans_regular.eot'); src: url('_libs/fontes/webkit/opensans_regular/opensans_regular.eot?#iefix') format('embedded-opentype'), url('_libs/fontes/webkit/opensans_regular/opensans_regular.woff') format('woff'), url('_libs/fontes/webkit/opensans_regular/opensans_regular.ttf') format('truetype'), url('_libs/fontes/webkit/opensans_regular/opensans_regular.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal;} @font-face {font-family: 'oswald'; src: url('_libs/fontes/ttf/oswald_regular.ttf') format('truetype'), url('_libs/fontes/woff/oswald_regular.woff') format('woff'); font-weight: normal; font-style: normal;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= FORMULARIOS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_form{float:left; width: calc(100% - 10px); margin:5px; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content{float:left; width: calc(100% - 10px); margin:5px; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label:not(.ml_label_multiple){float:left; width: 100%; margin:0; padding:0; position: relative !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label span.ml_span{min-height: 25px; line-height: 25px; font-size:15px; font-family: 'opensans'; text-align: left; color: #4c4c4c; font-weight: normal; font-style: normal; float:left; width: 100%; margin:0; padding:0 0 0 2px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label input[type="text"]:not(.ml_slider_input), .ml_form .ml_label_content .ml_label input[type="password"], .ml_form .ml_label_content .ml_label textarea, .ml_form .ml_label_content .ml_label .ml_input_fk, .ml_form .ml_label_content .ml_label select{height: 38px; line-height: 38px; font-size:14px; font-family: 'opensans'; text-align: left; color: #6c6c6c; border:1px solid #ccc; background: #fff; font-weight: normal; font-style: normal; float:left; width: 100%; margin:0; padding:0 6px 0 6px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label input:focus, .ml_form .ml_label_content .ml_label textarea:focus, .ml_form .ml_label_content .ml_label .ml_input_fk:focus, .ml_form .ml_label_content .ml_label select:focus{box-shadow: 0px 0px 2px rgba(0,0,0,0.3); outline: 0; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -mox-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -o-box-shadow: 0px 0px 2px rgba(0,0,0,0.3); -ms-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);} .ml_form .ml_label_content .ml_label textarea{min-height: 60px; resize: none;} /** Radio e Checkbox */ .ml_form .ml_label_content .ml_label label {float:left; width:auto; padding:0 5px; margin:0; min-width: 60px; height:38px; line-height: 38px; cursor:pointer; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label label i.ml_icon{float:left; text-align: center; font-size:20px; color:#6c6c6c; width:22px; margin:0; height:38px; line-height: 38px; font-weight: bold; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label label p{float:left; width:auto; font-size:14px; color:#4c4c4c; font-family: 'opensans'; font-style: normal; font-weight: normal; padding-left:5px; margin:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form input[type="checkbox"]{display:none;} .ml_form input[type="checkbox"] + i.ml_icon:before{content: "\f096";} .ml_form input[type="checkbox"]:checked + i.ml_icon:before{content: "\f046";} .ml_form input[type="radio"]{display:none;} .ml_form input[type="radio"] + i.ml_icon:before{content: "\f1db";} .ml_form input[type="radio"]:checked + i.ml_icon:before{content: "\f192";} /** Agrupando Radio e Checkbox */ .ml_form .ml_label_content.ml_group_button .ml_label label{padding:0 5px; border:1px solid #ccc; border-right:0; background: #fff;} .ml_form .ml_label_content.ml_group_button .ml_label label p{width: calc(100% - 22px); margin:0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .ml_form .ml_label_content.ml_group_button .ml_label label:last-child{border-right:1px solid #ccc;} .ml_form .ml_label_content.ml_group_button .ml_label label.ml_checked{background:#eee;} /** Botoes */ .ml_form button{float:left; font-family: 'opensans'; font-size:11px; letter-spacing: 1px; text-transform: capitalize; font-weight: normal; font-style: normal; width: auto; margin:5px; padding: 8px 14px !important; line-height: 1.5 !important; color:#fff !important; border: 1px solid transparent !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important; background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#265a88', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #245580 !important;} .ml_form button:hover, .ml_form button:active, .ml_form button:visited{background:#265a88 !important;} .ml_form button[type="submit"]{width:auto !important;} /** Input com Botoes */ .ml_form .ml_label_content .ml_label.ml_label_txtbtn{position:relative !important;} .ml_form .ml_label_content .ml_label.ml_label_txtbtn input{padding-right: 7.291666666666667% !important;} .ml_form .ml_label_content .ml_label.ml_label_txtbtn button{width:7.291666666666667%; text-align: center; max-width: 50px; padding-right: 0 !important; padding-left: 0 !important; font-size:16px; line-height: 30px; height:38px; position:absolute; margin:0; right:0; bottom:0;} /** File */ .ml_form .ml_label_content .ml_label.ml_input_file{position:relative;} .ml_form .ml_label_content .ml_label.ml_input_file input[type="file"]{opacity: 0; border:1px solid transparent; position: absolute; z-index: 2; bottom:0; left:0; background: transparent; width: 100%; margin:0; padding:0; height:38px; cursor:pointer; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form .ml_label_content .ml_label.ml_input_file button{width:40px; height:38px; position: absolute; z-index: 1; bottom:0; right:0; margin:0; padding:0;} /** Custom IonRangeSlider */ .ml_form .irs-line{border:1px solid transparent !important; top:0 !important;} .ml_form .irs-min{display:none !important; visibility: hidden !important; opacity: 0 !important;} .ml_form .irs-single{opacity: 0.3 !important;} .ml_form .irs:hover .irs-single{opacity: 1 !important;} /** Section */ .ml_form_section{font-family: 'oswald'; font-size: 22px; color: #4c4c4c; float:left; width: calc(100% - 10px); margin:5px; padding:10px 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form_vertical{float:left; width: calc(100% - 10px); margin:5px; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** ==// Rafa - 02/07/2018 Alterado min-height: de 64px; para 34px; // == */ .ml_form_vertical .ml_frm_label_container{float:left; min-height: 34px; width: calc(100% - 10px); margin:5px; text-align: left; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /* ==// Rafa - 01/07/2018 Alterado line-height: de 25px para 5px; min-height: 15px; \\== */ .ml_form_vertical .ml_frm_label_container span{font-family: 'opensans'; font-weight: normal !important; /*font-size:14px;*/font-size:14px; min-height: 5px; /*line-height:25px;*/ line-height:5px; color:#444; float:left; width:100%; margin:0; min-height: 15px; text-align: left; padding:0; padding-left:2px; background:transparent; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form_vertical .ml_frm_label_container input, .ml_form_vertical .ml_frm_label_container .ml_input_slider, .ml_form_vertical .ml_frm_label_container textarea, .ml_form_vertical .ml_frm_label_container select{height:35px; font-size:14px; font-family: 'opensans'; font-weight: normal !important; float:left; border:1px solid #cccccc; width:100%; margin:0; padding:5px; color:#6c6c6c; background:#ffffff; outline: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form_vertical .ml_frm_label_container input:focus, .ml_form_vertical .ml_frm_label_container select:focus, .ml_form_vertical .ml_frm_label_container textarea:focus{box-shadow: 0 0 3px rgba(80,80,80,0.4) !important;} .ml_frm_label_container .input_fake{height:35px; font-size:14px; overflow: hidden !important; font-family: 'opensans'; font-weight: normal !important; float:left; border-radius:5px; border:1px solid #cccccc; width:100%; margin:0%; padding:5px; color:#6c6c6c; background:#ffffff; outline: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_frm_label_container .input_fake_textarea{height:200px; font-size:14px; overflow: auto !important; font-family: 'opensans'; font-weight: normal !important; float:left; border-radius:5px; border:1px solid #cccccc; width:100%; margin:0%; padding:5px; color:#6c6c6c; background:#ffffff; outline: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** Botoes sliders */ .ml_form_vertical .ml_handle{width:4px !important; margin-left:-2px !important; border-color:transparent !important; background:#4c4c4c !important; outline: 0 !important; cursor:pointer !important; height:12px !important;} .ml_form_vertical .ml_handle_line{background:#dfdfdf; padding:0 !important; margin:0 8px !important; border:0 !important; width:calc(100% - 16px) !important; height:4px !important; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_form_vertical .ml_handle_value{padding:0px 0 4px 10px; margin:0; width:100%; height:24px; text-align: center !important; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} /** Botoes de Upload */ .ml_form_vertical .frm_label_btn .frm_div_btn{position:relative; float:left; width:100%; margin:0; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .ml_form_vertical .frm_label_btn .frm_div_btn input{padding-right:40px; height:38px;} .ml_form_vertical .frm_label_btn .frm_div_btn a{background:#eee; position:absolute; z-index: 3; border:1px solid #ccc; border-left:0; padding:5px 0 0 0; margin:0; text-align: center; vertical-align: middle; right:0; top:0; height:38px; width:38px; border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; -o-border-radius:0 6px 6px 0; -ms-border-radius:0 6px 6px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .ml_form_vertical .frm_label_btn .frm_div_btn input[type="file"]{opacity:0 !important; cursor:pointer; height:38px; position:absolute; top:0; right:0; z-index: 5;} /** Checkbox e Radio */ .ml_form_vertical .ml_frm_label_container input[type="radio"]{width:18px !important; height:18px !important; cursor:pointer !important; margin-top:8px !important; box-shadow: none !important; border:none !important; -webkit-appearance: none !important; background:url(../_imagens/_icons/icon_radio_gray_off.png) center center/18px no-repeat !important;} .ml_form_vertical .ml_frm_label_container input[type="radio"]:checked{background:url(../_imagens/_icons/icon_radio_gray_on.png) center center/18px no-repeat !important;} .ml_form_vertical .ml_frm_label_container input[type="checkbox"]{width:18px !important; height:18px !important; cursor:pointer !important; margin-top:8px !important; box-shadow: none !important; border:none !important; -webkit-appearance: none !important; background:url(../_imagens/_icons/icon_checkbox_gray_off.png) center center/18px no-repeat !important;} .ml_form_vertical .ml_frm_label_container input[type="checkbox"]:checked{background:url(../_imagens/_icons/icon_checkbox_gray_on.png) center center/18px no-repeat !important;} .ml_form_vertical .ml_frm_label_container p{float:left !important; padding:8.5px 12px 0 6px !important;} .ml_form_vertical .ml_frm_label_container label{float:left !important; padding:0 12px 0 6px !important;} .ml_form_vertical .ml_frm_label_container label p{cursor:pointer;} .ml_form_vertical .ml_frm_label_container.ml_label_border_default{border:1px solid #ccc; height:35px !important; margin-top:30px !important; padding:2px 2px 8px 2px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;} .ml_form_vertical .ml_frm_label_container.ml_label_border_default span{position:absolute; top:-26px; left:0;} .ml_form_vertical .ml_frm_label_container.ml_label_border{border:1px solid #ccc; margin-top:24px !important; padding:2px 2px 8px 2px; position:relative; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;} .ml_form_vertical .ml_frm_label_container.ml_label_border span{position:absolute; top:-26px; left:0;} /** Checkbox e Radio Estilo Tags */ .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box{min-height:35px; font-family: 'opensans'; font-weight: normal !important; float:left; border-radius:5px; border:0px solid #cccccc; width:100%; margin:0%; padding:0; color:#6c6c6c; background:#ffffff; outline: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label{width: calc(25% - 10px); border:1px solid #ccc; text-align: center; overflow:hidden; float:left; margin:5px; padding:0 !important; height:34px; cursor:pointer; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags.ml_ckrd_3 .label_box label{width: calc(33.333333333333333% - 10px);} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags.ml_ckrd_5 .label_box label{width: calc(20% - 10px);} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label:hover{background: #fafafa;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label input{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label p{font-size:14px; width:100%; float:left; margin:0 !important; padding:0 !important; height:32px; line-height: 32px !important; text-align: center; font-weight: normal; color:#5c5c5c;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label.ml_ckrd_active{background-color: #dff0d8; border-color: #c9dbba;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_tags .label_box label.ml_ckrd_active p{color: #3c763d !important;} /** Checkbox e Radio Estilo Button */ .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box{min-height:35px; font-family: 'opensans'; font-weight: normal !important; float:left; border-radius:5px; border:0px solid #cccccc; width:100%; margin:0%; padding:0; color:#6c6c6c; background:#ffffff; outline: 0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label{width: calc(25%); border:1px solid #ccc; border-right:0; text-align: center; overflow:hidden; float:left; margin:5px 0; padding:0 !important; height:34px; cursor:pointer;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn.ml_ckrd_3 .label_box label{width: calc(33.333333333333333% - 10px);} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn.ml_ckrd_5 .label_box label{width: calc(20% - 10px);} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label:nth-of-type(1){border-top-left-radius:5px; border-bottom-left-radius:5px;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right:1px solid #ccc;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label:hover{background: #fafafa;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label input{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label p{font-size:14px; width:100%; float:left; margin:0 !important; padding:0 !important; height:32px; line-height: 32px !important; text-align: center; font-weight: normal; color:#5c5c5c;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label.ml_ckrd_active{background-color: #dff0d8; border-color: #c9dbba;} .ml_form_vertical .ml_frm_label_container.ml_ckrd_btn .label_box label.ml_ckrd_active p{color: #3c763d !important;} .ml_frm_label_container textarea{resize: none !important; height: 60px !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= BOTOES =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* * Estrutura padrao */ .ml_btn {display: inline-block; padding: 6px 12px; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} a.ml_btn, button.ml_btn{color:#fff;} /* * Background e Bordas */ /** Padrao | Default */ .ml_btn_padrao, .ml_btn_default{color:#4c4c4c !important; text-shadow: 0 1px 0 #fff !important; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important; background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important; background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #cfcfcf !important;} .ml_btn_padrao:hover, .ml_btn_padrao:active, .ml_btn_padrao:visited, .ml_btn_default:hover, .ml_btn_default:active, .ml_btn_default:visited{background:#efefef !important;} /** Clean */ .ml_btn_clean, .ml_btn_clean:focus{color: #646464 !important; background: #fff !important; border-color: #cfcfcf !important;} .ml_btn_clean:hover, .ml_btn_clean:active, .ml_btn_clean:visited{background:#fafafa !important;} /** Primary */ .ml_btn_primary{color:#fff !important; background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important; background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#265a88', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #245580 !important;} .ml_btn_primary:hover, .ml_btn_primary:active, .ml_btn_primary:visited{background:#265a88 !important;} /** Success */ .ml_btn_success{background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%) !important; background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)) !important; background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#419641', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #3e8f3e !important;} .ml_btn_success:hover, .ml_btn_success:active, .ml_btn_success:visited{background:#419641 !important;} /** Info */ .ml_btn_info{background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important; background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)) !important; background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2aabd2', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #28a4c9 !important;} .ml_btn_info:hover, .ml_btn_info:active, .ml_btn_info:visited{background:#2aabd2 !important;} /** Warning */ .ml_btn_warning{background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important; background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)) !important; background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#eb9316', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #e38d13 !important;} .ml_btn_warning:hover, .ml_btn_warning:active, .ml_btn_warning:visited{background:#eb9316 !important;} /** Danger */ .ml_btn_danger{background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important; background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)) !important; background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#c12e2a', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #b92c28 !important;} .ml_btn_danger:hover, .ml_btn_danger:active, .ml_btn_danger:visited{background:#c12e2a !important;} /** Dark */ .ml_btn_dark {color:#fff !important; background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -o-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#3c3c3c)) !important; background-image: linear-gradient(to bottom, #4c4c4c 0%, #3c3c3c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3c3c3c', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #222222 !important;} .ml_btn_dark:hover, .ml_btn_dark:active, .ml_btn_dark:visited{background:#3c3c3c !important;} /** Orange */ .ml_btn_orange {color:#fff !important; background-image: -webkit-linear-gradient(top, #ff6e00 0%, #e56300 100%) !important; background-image: -o-linear-gradient(top, #ff6e00 0%, #e56300 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6e00), to(#e56300)) !important; background-image: linear-gradient(to bottom, #ff6e00 0%, #e56300 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e00', endColorstr='#e56300', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #f26900 !important;} .ml_btn_orange:hover, .ml_btn_orange:active, .ml_btn_orange:visited{background:#f26900 !important;} /** Purple */ .ml_btn_purple{background-image: -webkit-linear-gradient(top, #992385 0%, #731a64 100%) !important; background-image: -o-linear-gradient(top, #992385 0%, #731a64 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#992385), to(#731a64)) !important; background-image: linear-gradient(to bottom, #992385 0%, #731a64 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#992385', endColorstr='#731a64', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #661759 !important;} .ml_btn_purple:hover, .ml_btn_purple:active, .ml_btn_purple:visited{background:#731a64 !important;} /** Glass Black */ .ml_btn_glass_black{color:#fff !important; background: rgba(0,0,0,0.6) !important;} .ml_btn_glass_black:hover, .ml_btn_glass_black:active, .ml_btn_glass_black:visited{background: rgba(0,0,0,0.7) !important;} /** Glass White */ .ml_btn_glass_white{color:#fff !important; background: rgba(255,255,255,0.6) !important;} .ml_btn_glass_white:hover, .ml_btn_glass_white:active, .ml_btn_glass_white:visited{background: rgba(255,255,255,0.7) !important;} /** Link */ .ml_btn_link{color:#069 !important; background:transparent !important; border-color: transparent !important;} .ml_btn_link:hover, .ml_btn_link:active, .ml_btn_link:visited{background:transparent !important;} /** grey */ .ml_btn_grey{color:#000 !important; background-image: -webkit-linear-gradient(top, #D3D3D3 0%, #A9A9A9 100%) !important; background-image: -o-linear-gradient(top, #d3d3d3 0%, #a9a9a9 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#D3D3D3), to(#A9A9A9)) !important; background-image: linear-gradient(to bottom, #D3D3D3 0%, #A9A9A9 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D3D3D3', endColorstr='#A9A9A9', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #a94442 !important;} .ml_btn_grey:hover, .ml_btn_grey:active, .ml_btn_grey:visited{background:#A9A9A9 !important;} /* * Tamanhos */ .ml_btn_xl{padding: 13px 18px !important; font-size: 20px !important; line-height: 1.6666666 !important; border-radius: 6px !important;} .ml_btn_lg{padding: 10px 16px !important; font-size: 18px !important; line-height: 1.3333333 !important; border-radius: 6px !important;} .ml_btn_md{padding: 7.5px 13px !important; font-size: 15px !important; line-height: 1.4444444 !important; border-radius: 6px !important;} .ml_btn_sm{padding: 5px 10px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important;} .ml_btn_xs{padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important;} .ml_btn_xxs{padding: 1px 3px !important; font-size: 10px !important; line-height: 1.2 !important; border-radius: 2px !important;} /* * Botoes Arredondados */ .ml_btn_round {border-radius: 30px !important;} .ml_btn_xl.ml_btn_round{border-radius: 35px !important;} /* * Botoes Semi Arredondados (lados arrendondados intercalados) */ .ml_btn.ml_btn_round_semi{border-radius: 3px 12px 3px 12px !important;} .ml_btn_xs.ml_btn_round_semi{border-radius: 2px 5px 2px 5px !important;} .ml_btn_sm.ml_btn_round_semi{border-radius: 2px 8px 2px 8px !important;} .ml_btn_md.ml_btn_round_semi{border-radius: 4px 14px 4px 14px !important;} .ml_btn_lg.ml_btn_round_semi{border-radius: 5px 16px 5px 16px !important;} .ml_btn_xl.ml_btn_round_semi{border-radius: 6px 18px 6px 18px !important;} /** Inverte os lados arredondados */ .ml_btn.ml_btn_round_semi_inv{border-radius: 3px 12px 3px 12px !important;} .ml_btn_xs.ml_btn_round_semi_inv{border-radius: 5px 2px 5px 2px !important;} .ml_btn_sm.ml_btn_round_semi_inv{border-radius: 8px 2px 8px 2px !important;} .ml_btn_md.ml_btn_round_semi_inv{border-radius: 14px 4px 14px 4px !important;} .ml_btn_lg.ml_btn_round_semi_inv{border-radius: 16px 5px 16px 5px !important;} .ml_btn_xl.ml_btn_round_semi_inv{border-radius: 18px 6px 18px 6px !important;} /* * Reseta o tamanho do botao proporcional ao seu texto */ .ml_btn_auto{width:auto !important;} .ml_btn_smallcaps{font-variant: small-caps !important;} /* * Grupos de Botoes */ .ml_btn_group{width:auto; display:inline-block; margin:0.5%;} .ml_btn_group input[type="radio"], .ml_btn_group input[type="checkbox"]{position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none;} .ml_btn_group label{display: inline-block; padding: 6px 12px; float:left; margin: 0; font-size: 14px; font-weight: normal; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; border-radius: 4px; color:#4c4c4c !important; text-shadow: 0 1px 0 #fff; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)); background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #cfcfcf;} .ml_btn_group label:hover:not(.ml_no_hover):not(.active), .ml_btn_group label:active, .ml_btn_group label:visited{background:#efefef;} .ml_btn_group label:not(:last-child):not(:first-child){border-radius:0; border-right:0;} .ml_btn_group label:first-child{border-top-right-radius: 0; border-bottom-right-radius: 0; border-right:0;} .ml_btn_group label:last-child{border-top-left-radius: 0; border-bottom-left-radius: 0;} .ml_btn_group label.active{background:#ffffff; cursor:initial;} .ml_btn_group[data-theme="default"] label{padding: 4px 8px;} .ml_btn_group[data-theme="default"] label button{color: #444 !important;} .ml_btn_group[data-theme="default"] label.active{padding: 8px !important; margin-top:-4px !important; font-size:15px; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px;} /* * Botoes Dropdown */ .ml_btn_dropdown{position:relative;} .ml_btn_dropdown > ul{position: absolute; float:left; z-index: 2; min-width: 120px; top:100%; margin:2px 0 0 0; padding:5px; display:none; left:0; background:#fff; border:1px solid #ccc; list-style: none; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_btn_dropdown > ul li{color:#444; width:100%; float:left; background:#fff; padding:5px; text-align: left; font-size:12px; margin:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_btn_dropdown > ul li:hover{background:#efefef;} .ml_btn_dropdown:hover > ul{display:block;} .ml_btn_dropdown .ml_btn_drop_sep{margin-top: 5px; padding-top: 10px; border-top: 1px solid #ccc;} .ml_btn_dropdown_right{position:relative;} .ml_btn_dropdown_right > ul{position: absolute; float:left; z-index: 2; min-width: 120px; top:100%; margin:2px 0 0 0; padding:5px; display:none; right:0; background:#fff; border:1px solid #ccc; list-style: none; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_btn_dropdown_right > ul li{color:#444; width:100%; float:left; background:#fff; padding:5px; text-align: left; font-size:12px; margin:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_btn_dropdown_right > ul li:hover{background:#efefef;} .ml_btn_dropdown_right:hover > ul{display:block;} .ml_btn_dropdown_right .ml_btn_drop_sep{margin-top: 5px; padding-top: 10px; border-top: 1px solid #ccc;} /* * Menu LogOut Admin */ .ml_menu_dropdown{cursor:pointer !important;} .ml_menu_dropdown:hover > ul{display:block !important; cursor:pointer !important;} /* * Botoes Pre Definidos */ /** ==// Action Primary \\== */ .ml_btn_action_primary{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important; background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#265a88', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #245580 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_primary:hover, .ml_btn_action_primary:active, .ml_btn_action_primary:visited{background:#265a88 !important;} /** ==// Action Success \\== */ .ml_btn_action_success{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%) !important; background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)) !important; background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#419641', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #3e8f3e !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_success:hover, .ml_btn_action_success:active, .ml_btn_action_success:visited{background:#419641 !important;} /** ==// Action Info \\== */ .ml_btn_action_info{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important; background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)) !important; background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2aabd2', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #28a4c9 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_info:hover, .ml_btn_action_info:active, .ml_btn_action_info:visited{background:#2aabd2 !important;} /** ==// Action Danger \\== */ .ml_btn_action_danger{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important; background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)) !important; background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#c12e2a', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #b92c28 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_danger:hover, .ml_btn_action_danger:active, .ml_btn_action_danger:visited{background:#c12e2a !important;} /** ==// Action Orange \\== */ .ml_btn_action_orange{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#fff !important; background-image: -webkit-linear-gradient(top, #ff6e00 0%, #e56300 100%) !important; background-image: -o-linear-gradient(top, #ff6e00 0%, #e56300 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6e00), to(#e56300)) !important; background-image: linear-gradient(to bottom, #ff6e00 0%, #e56300 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e00', endColorstr='#e56300', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #f26900 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_orange:hover, .ml_btn_action_orange:active, .ml_btn_action_orange:visited{background:#e56300 !important;} /** ==// Action Purple \\== */ .ml_btn_action_purple{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#fff !important; background-image: -webkit-linear-gradient(top, #992385 0%, #731a64 100%) !important; background-image: -o-linear-gradient(top, #992385 0%, #731a64 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#992385), to(#731a64)) !important; background-image: linear-gradient(to bottom, #992385 0%, #731a64 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#992385', endColorstr='#731a64', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #661759 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_purple:hover, .ml_btn_action_orange:active, .ml_btn_action_orange:visited{background:#731a64 !important;} /** ==// Action Dark \\== */ .ml_btn_action_dark{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#fff !important; background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -o-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#3c3c3c)) !important; background-image: linear-gradient(to bottom, #4c4c4c 0%, #3c3c3c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3c3c3c', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #222222 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_dark:hover, .ml_btn_action_dark:active, .ml_btn_action_dark:visited{background:#222222 !important;} /** ==// Action Warning \\== */ .ml_btn_action_warning{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important; background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)) !important; background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#eb9316', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #e38d13 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_warning:hover, .ml_btn_action_warning:active, .ml_btn_action_warning:visited{background:#eb9316 !important;} /** ==// Action Gray - RafaSima 13/10/2022 \\== */ .ml_btn_action_grey{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid transparent !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#fff !important; background-image: -webkit-linear-gradient(top, #B2BEB5 0%, #B2BEB5 100%) !important; background-image: -o-linear-gradient(top, #B2BEB5 0%, #B2BEB5 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#B2BEB5), to(#B2BEB5)) !important; background-image: linear-gradient(to bottom, #B2BEB5 0%, #B2BEB5 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B2BEB5', endColorstr='#B2BEB5', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #808080 !important; min-width: 25px !important; color: #fff !important;} .ml_btn_action_grey:hover, .ml_btn_action_dark:active, .ml_btn_action_dark:visited{background:#B2BEB5 !important; border-color: #808080 !important;} .ml_btn_action_primary:hover, .ml_btn_action_primary:active, .ml_btn_action_primary:visited{background:#265a88 !important;} /** ==// Action White - RafaSima 13/10/2022 \\== */ .ml_btn_action_white{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid #000000 !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#000000 !important; background-image: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%) !important; background-image: -o-linear-gradient(top, #ffffff 0%, #ffffff 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ffffff)) !important; background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #000000 !important; min-width: 25px !important; color: #000000 !important;} .ml_btn_action_withe:hover, .ml_btn_action_white:active, .ml_btn_action_white:visited{background:#ffffff !important; border-color: #000000 !important;} /** ==// Action White - RafaSima 13/10/2022 \\== */ /* .ml_btn_action_transparent{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid #000000 !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#000000 !important; background-image: -webkit-linear-gradient(top, transparent 0%, transparent 100%) !important; background-image: -o-linear-gradient(top, transparent 0%, transparent 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent)) !important; background-image: linear-gradient(to bottom, transparent 0%, transparent 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='transparent', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important; border-color: #000000 !important; min-width: 25px !important; color: #000000 !important;} */ .ml_btn_action_transparent{display: inline-block; outline: 0 !important; margin: 0.5% !important; font-size: 14px !important; font-weight: normal !important; line-height: 1.42857143 !important; text-align: center !important; white-space: nowrap !important; vertical-align: middle !important; cursor: pointer !important; background-image: none !important; border: 1px solid #000000 !important; border-radius: 4px !important; padding: 1px 5px !important; font-size: 12px !important; line-height: 1.5 !important; border-radius: 3px !important; color:#000000 !important; background:transparent !important; background-repeat: repeat-x !important; border-color: #000000 !important; min-width: 25px !important; color: #000000 !important;} .ml_btn_action_transparent:hover, .ml_btn_action_transparent:active, .ml_btn_action_transparent:visited{background:transparent !important; border-color: #000000 !important;} /* * Tags */ .ml_tag{border-radius: 0 !important;} .ml_btn_padrao.ml_tag{background: #e0e0e0 !important; border-color: #e0e0e0 !important;} .ml_btn_padrao.ml_tag:hover{border-color: #e0e0e0 !important;} .ml_btn_clean.ml_tag{background: #fff !important; border-color: #fff !important;} .ml_btn_clean.ml_tag:hover{border-color: #fff !important;} .ml_btn_primary.ml_tag{background: #265a88 !important; border-color: #265a88 !important;} .ml_btn_primary.ml_tag:hover{border-color: #265a88 !important;} .ml_btn_success.ml_tag{background: #419641 !important; border-color: #419641 !important;} .ml_btn_success.ml_tag:hover{border-color: #419641 !important;} .ml_btn_info.ml_tag{background: #2aabd2 !important; border-color: #2aabd2 !important;} .ml_btn_info.ml_tag:hover{border-color: #2aabd2 !important;} .ml_btn_warning.ml_tag{background: #eb9316 !important; border-color: #eb9316 !important;} .ml_btn_warnig.ml_tag:hover{border-color: #eb9316 !important;} .ml_btn_danger.ml_tag{background: #c12e2a !important; border-color: #c12e2a !important;} .ml_btn_danger.ml_tag:hover{border-color: #c12e2a !important;} .ml_btn_dark.ml_tag{background: #3c3c3c !important; border-color: #3c3c3c !important;} .ml_btn_dark.ml_tag:hover{border-color: #3c3c3c !important;} .ml_btn_orange.ml_tag{background: #e56300 !important; border-color: #e56300 !important;} .ml_btn_orange.ml_tag:hover{border-color: #e56300 !important;} .ml_btn_glass_black.ml_tag{background: rgba(0,0,0,0.6) !important; border-color: rgba(0,0,0,0.6) !important;} .ml_btn_glass_black.ml_tag:hover{border-color: rgba(0,0,0,0.6) !important;} .ml_btn_glass_white.ml_tag{background: rgba(255,255,255,0.6) !important; border-color: rgba(255,255,255,0.6) !important;} .ml_btn_glass_white.ml_tag:hover{border-color: rgba(255,255,255,0.6) !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-= HEADER DE PAGINAS ADMIN =-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_page_header{width: 100%; height: 65px; padding: 10px 0;} .ml_page_header .ml_page_header_left{ width: 45%; float: left; display: block;} .ml_page_header .ml_page_header_left h3{margin: 9px 0; font-size:20px !important;} .ml_page_header .ml_page_header_left h3 small, .ml_page_header .ml_page_header_left h3 small b{color:#777 !important; font-weight: bold !important; font-size:17px !important;} .ml_page_header .title_right{width: 55%; float: left; display: block;} .ml_page_header .title_right .pull-right{margin: 10px 0;} /** Separa os topicos do admin */ .ml_topico_admin{width:100%; float:left; margin:20px 0 15px 0; padding:0; border-bottom:3px solid #4c4c4c; box-sizing: border-box;} .ml_topico_admin span{float:left; background:#4c4c4c; color:#fff; font-weight: normal; padding:8px 15px; font-family: 'oswald'; border-radius:0 10px 0 0;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-= PAINEIS FLUTUANTES =-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_painel{position: relative; width: calc(100% - 10px); margin: 5px; margin-bottom: 10px; padding: 10px; float:left; background: #fff; border: 1px solid #cfcfcf; box-shadow: 1px 1px 1px #eaeaea;} .ml_painel > .ml_painel_container{border-top: 2px solid #E6E9ED; width:100%; float:left; margin:10px 0 0 0; padding:10px 0 0 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_painel > .ml_painel_container:visible{padding:0; margin:0;} .ml_painel .ml_header{padding:5px; margin:0; width:100%; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_painel .ml_header .ml_filtro { width: 40%; float: right;} .ml_painel .ml_header > h2{font-family: 'opensans' !important; cursor:pointer; color: #3f6894 !important; font-size:16px; float:left; width:100%; margin:0; padding:0; white-space: nowrap;} .ml_painel .ml_header > h2 i.ml_header_icon{float:right; font-size:14px; padding:6px; margin:0; position: absolute; top:3px; right:3px;} .ml_painel .ml_header > h2 i.ml_header_icon:hover{cursor:pointer; background:rgba(0,0,0,0.4); color:#fff;} .ml_painel .ml_header h2 small {margin-left: 10px;} .ml_painel .ml_header span {color: #BDBDBD;} .ml_painel .ml_painel_header .ml_painel_container{padding: 0 5px 6px; position: relative; width: 100%; float: left; clear: both; margin-top: 5px;} .ml_painel .ml_painel_header .ml_painel_container h4 {font-size: 16px; font-weight: 500;} .ml_painel_subcontainer{border:1px solid #ccc; background: #fff; box-shadow: 1px 1px 2px rgba(0,0,0,0.5);} .ml_painel_subcontainer h1{width:100%; float:left; font-size:15px; margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_painel .ml_table_container{float:left; width:100%; margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= MODAL =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /** MODAL DE TELA */ .ml_modal_lg{display:none; position: fixed; width: 100%; height:100%; background: rgba(0,0,0,0.3); z-index:99900; top:0; left:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_modal_lg_container{float:left; background: #fff; width:90%; height: 90vh; margin:5vh 5%; box-shadow:1px 1px 2px #6c6c6c; padding:10px 20px 15px 20px; position:relative; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; -o-border-radius:15px; -ms-border-radius:15px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_modal_lg_container > h1{float:left; width:100%; height:50px; line-height: 50px; overflow: hidden; margin:0 0 10px 0; padding:0; font-family: 'oswald'; color:#4c4c4c; font-size:17px; font-weight: normal; font-style: normal; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_modal_lg_container > h1 small{color: #777777; font-size:19px; font-family: 'oswald';} .ml_modal_lg_container > button{float:left; margin:0; padding:4px 12px; color:#777; position:absolute; top:0; right:0; font-size:20px; font-weight: 100; background: #fff; font-style: normal; border:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_modal_lg_container > button:hover{background: #eee; cursor: pointer;} .ml_modal_lg_container > div{width: 100%; height: calc(100% - 60px); float:left; margin:0; padding:0; overflow: hidden; overflow-y: auto; font-size:16px; line-height: 22px; font-family: 'opensans'; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** Tamanhos Variados */ .ml_modal_lg_400x300px .ml_modal_lg_container{width:400px; height: 300px; margin: calc(50vh - 150px) calc(50% - 200px);} .ml_modal_lg_500x400px .ml_modal_lg_container{width:500px; height: 400px; margin: calc(50vh - 200px) calc(50% - 250px);} .ml_modal_lg_50 .ml_modal_lg_container{width:50%; height: 50vh; margin:25vh 25%;} .ml_modal_lg_55 .ml_modal_lg_container{width:55%; height: 55vh; margin:22.5vh 22.5%;} .ml_modal_lg_60 .ml_modal_lg_container{width:60%; height: 60vh; margin:20vh 20%;} .ml_modal_lg_65 .ml_modal_lg_container{width:65%; height: 65vh; margin:17.5vh 17.5%;} .ml_modal_lg_70 .ml_modal_lg_container{width:70%; height: 70vh; margin:15vh 15%;} .ml_modal_lg_75 .ml_modal_lg_container{width:75%; height: 75vh; margin:12.5vh 12.5%;} .ml_modal_lg_80 .ml_modal_lg_container{width:80%; height: 80vh; margin:10vh 10%;} .ml_modal_lg_85 .ml_modal_lg_container{width:85%; height: 85vh; margin:7.5vh 7.5%;} .ml_modal_lg_90 .ml_modal_lg_container{width:90%; height: 90vh; margin:5vh 5%;} .ml_modal_lg_95 .ml_modal_lg_container{width:95%; height: 95vh; margin:2.5vh 2.5%;} .ml_modal_lg_100 .ml_modal_lg_container{width:99%; height: 99vh; margin:0.5vh 0.5%;} /** NOTIFICACOES */ .ml_notify{display:none; width:100%; height:100%; position:fixed; top:0; bottom:0; background: rgba(0,0,0,0.2); z-index:99900; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notify{display:none; width:100%; height:100%; position:fixed; top:0; bottom:0; background: rgba(0,0,0,0.2); z-index:99900; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notify > div{position:absolute; top:30px; right:-100%; background:#fff; border:1px solid #ccc; box-shadow: 0 0 10px #909090 !important; border-radius:5px; min-width:400px; max-width: 500px; min-height: 60px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notify > div > button{position:absolute; top:0; right:-2px; background: transparent !important; border:1px solid transparent !important; font-size:16px !important; color:#777;} .ml_notify > div > span{padding:18px; float:left; width:100%; font-size:15px; font-family: 'opensans'; margin:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notify > div.ml_alert_success > button, .ml_notify > div.ml_alert_danger > button, .ml_notify > div.ml_alert_warning > button, .ml_notify > div.ml_alert_primary > button, .ml_notify > div.ml_alert_orange > button, .ml_notify > div.ml_alert_info > button, .ml_notify > div.ml_alert_dark > button{color: #fff !important;} /** NOTIFICACOES SEM BLOQUEIO DE TELA - RafaSima - 16/10/2022 */ .ml_notifyNoBlock > div{position:absolute; z-index:99990; top:30px; right:-100%; background:#fff; border:1px solid #ccc; box-shadow: 0 0 10px #909090 !important; border-radius:5px; min-width:400px; max-width: 500px; min-height: 60px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notifyNoBlock > div > button{position:absolute; top:0; right:-2px; background: transparent !important; border:1px solid transparent !important; font-size:16px !important; color:#777;} .ml_notifyNoBlock > div > span{padding:18px; float:left; width:100%; font-size:15px; font-family: 'opensans'; margin:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_notifyNoBlock > div.ml_alert_success > button, .ml_notifyNoBlock > div.ml_alert_danger > button, .ml_notifyNoBlock > div.ml_alert_warning > button, .ml_notifyNoBlock > div.ml_alert_primary > button, .ml_notifyNoBlock > div.ml_alert_orange > button, .ml_notifyNoBlock > div.ml_alert_info > button, .ml_notifyNoBlock > div.ml_alert_dark > button{color: #fff !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= TABELAS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_table{width: 100%; background:#ccc; max-width: 100%; overflow: hidden; float:left; position:relative; background-color: transparent; border-collapse: collapse; border-spacing: 0; font-family: 'opensans'; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_table th, .ml_table td{border-right: transparent solid 0px; font-family: 'opensans' !important; font-size: 13px; color:#444; padding: 8px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; vertical-align: middle; max-width: 120px;} .ml_table th:last-child, .ml_table td:last-child{max-width: 100%;} .ml_table td{} .ml_table td:last-child{border-right: 0;} .ml_table thead th, .ml_table thead td{font-weight: normal !important; font-family: 'oswald' !important; font-size: 15px !important; color:#fff !important; background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -o-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#3c3c3c)) !important; background-image: linear-gradient(to bottom, #4c4c4c 0%, #3c3c3c 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3c3c3c', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important;} /** ==// Rafa Sima - 07/06/2021 - Add border-left transparent \\== */ .ml_table tbody > tr, .table tbody > tr{border-bottom: 1px solid #efefef; border-left:5px solid transparent;} .ml_table tbody > tr, .table tbody > tr{background-color: #fff;} .ml_table tbody > tr:nth-child(odd), .table tbody > tr:nth-child(odd){background-color: #f9f9f9;} .ml_table tbody tr:hover{border-left:5px solid #4c4c4c; background:#efefef !important;} .ml_table tfoot tr{border-top:1px solid #ccc !important; background: transparent !important;} /** ==// Rafa Sima - 07/06/2021 \\== */ .ml_table tbody tr.active{border-left:5px solid #4c4c4c; background:#ccc !important;} /** Tema Clean */ .ml_table[data-theme="clean"] thead th, .ml_table[data-theme="clean"] thead td{color:#4c4c4c !important; font-family: 'oswald' !important; background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important; background-image: -o-linear-gradient(top, #fff 0%, #e0e0e0 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0)) !important; background-image: linear-gradient(to bottom, #fff 0%, #e0e0e0 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e0e0e0', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important;} .ml_table[data-theme="clean"] tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {background-color: #ffffff;} .ml_table[data-theme="clean"] tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;} .ml_table[data-theme="clean"] tbody tr:hover td{background:#efefef !important;} /** ==// Rafa Sima - 07/06/2021 \\== */ .ml_table[data-theme="clean"] tbody tr.active > td{background:#ccc !important;} /** Tema Primary */ .ml_table[data-theme="primary"] thead th, .ml_table[data-theme="primary"] thead td{color:#ffffff !important; background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)) !important; background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#265a88', GradientType=0) !important; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false) !important; background-repeat: repeat-x !important;} .ml_table[data-theme="primary"] tbody > tr:nth-child(odd) > td, .table tbody > tr:nth-child(odd) > th {background-color: #f9f9f9;} .ml_table[data-theme="primary"] tbody tr:hover td{background:#d9edf7 !important;} /** ==// Rafa Sima - 07/06/2021 \\== */ .ml_table[data-theme="primary"] tbody tr.active > td{background:#ccc !important;} /** Tamanhos */ .ml_table.ml_table_lg thead th, .ml_table.ml_table_lg thead td{font-size:18px !important; padding:12px !important; border-bottom:1px solid #ddd; border-top:1px solid #f6f6f6;} .ml_table.ml_table_lg th, .ml_table.ml_table_lg td{font-size:15px !important; padding:10px !important;} .ml_table.ml_table_lg tfoot td{font-size:12px !important;} .ml_table .ml_table_sub_header{} .ml_table .ml_table_sub_body{display:none;} .ml_table .ml_table_sub_header.active{} .ml_table .ml_table_sub_body.active{display:block;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= TAGS CONTAINER =-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_tags_container{} .ml_tags_container .ml_tags_box{width:100%; float:left; margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box > h1{font-size:16px; font-family: 'oswald'; color:#6c6c6c; text-align: center; text-overflow: ellipsis; white-space: nowrap; width:100%; float:left; margin:0; padding:0 0 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box > h1 b{font-weight: 500; font-size: 15px; font-family: 'oswald'; font-style: normal; color:#4c4c4c;} .ml_tags_container .ml_tags_box .ml_tags_label{width: calc(33.33333333333333% - 10px); float:left; margin:5px; padding:0; min-height:28px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_label.active{border:2px solid #ccc; padding:15px; background: #efefef; width: calc(100% - 10px); box-shadow: 1px 1px 1px rgba(0,0,0,0.0); cursor:pointer; margin-bottom:40px !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_label > label{width:100%; float:left; cursor:pointer; margin:0; padding:0; position:relative;} .ml_tags_container .ml_tags_box .ml_tags_label > label span{float:left; width: 100%; margin:0; padding:0 26px 0 0; color: #a94442; background: #f2dede; border:1px solid #d9bac0; height:32px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-family: 'opensans'; font-size: 14px; line-height: 30px; font-weight: normal; font-style: normal; border-radius: 2px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_label > label input[type="checkbox"]{position: absolute; height:4px; width:4px; top:-5px; left:-5px; display:none;} .ml_tags_container .ml_tags_box .ml_tags_label > label input[type="checkbox"]:checked + span{background: #419641; border-color: #3b8a3b; color:#fff !important;} .ml_tags_container .ml_tags_box .ml_tags_label > label button{height:22px; width:22px; margin:3px; padding:0; position:absolute; top:0; right:0; background: rgba(0,0,0,0.0); border:0; color:#a94442; font-size:10px; cursor:pointer; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_label > label button:hover{background: rgba(0,0,0,0.4); color:#fff;} .ml_tags_container .ml_tags_box .ml_tags_label > label input[type="checkbox"]:checked ~ button{color:#fff !important;} .ml_tags_container .ml_tags_box .ml_tags_box_sub{display:none; width:100%; float:left; margin:0; padding:0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_box_sub > h1{font-size:16px; font-family: 'oswald'; color:#6c6c6c; text-align: center; text-overflow: ellipsis; white-space: nowrap; width:100%; float:left; margin:0; padding:20px 0 10px 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box;} .ml_tags_container .ml_tags_box .ml_tags_box_sub > h1 b{font-weight: 500; font-size: 15px; font-family: 'oswald'; font-style: normal; color:#4c4c4c;} /** Zebrado subcontainers */ .ml_tags_container .ml_tags_box .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important; border:2px dashed #ccc !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#efefef !important;} .ml_tags_container .ml_tags_box .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active .ml_tags_label.active{background:#ffffff !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-= CLASSES DE APOIO =-=-=-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /** Filtro Rapido JS */ .ml_filtro_js{width:100%; float:left; clear:both !important; margin:0; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_filtro_js input, .ml_filtro_js select{float:left; padding:5px 10px; height:32px; font-size:13px !important; border:1px solid #ccc; color:#777; border-radius:100px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_filtro_js select{cursor:pointer !important;} /** Container */ .ml_container{width: calc(100% - 60px); min-height: 500px; padding:0; margin:30px; float:left; clear: both; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_container .ml_container_header{width:100%; padding:10px 10px 5px 5px; margin:0 0 5px 0; font-family: 'oswald'; font-size:24px; border-bottom:1px dashed #ddd; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_container .ml_container_header_box{width:100%; padding:8px 8px 10px 8px; margin:0 0 5px 0; font-family: 'oswald'; font-size:22px; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; background: #dfdfdf; background: -webkit-linear-gradient(top, white, #dfdfdf); background: -o-linear-gradient(top, white, #dfdfdf); background: -moz-linear-gradient(top, white, #dfdfdf); background: linear-gradient(top, white, #dfdfdf);} .ml_container .ml_container_header_box .ml_form_key{float:right;} .ml_container .ml_container_header_box .ml_form_key select{float:left; width:120px; font-family: 'oswald'; border:0; border-left: 1px solid #bbb; background: transparent; color:#4c4c4c; cursor:pointer; font-size:18px; height: 30px; outline:0; margin:0; padding:0 0 0 15px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} /** de filtro dinamico */ .ml_filtro_box{width:100%; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_filtro_box .ml_filtro_box_close{width:100%; margin:0; padding:0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_filtro_box .ml_filtro_box_close button.ml_filtro_btn_search{margin:5px 0 5px 5px; padding:1px 10px; border:1px solid #006630; background:#007336; font-size:20px; color:#fff; float:right; border-radius:4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_filtro_box .ml_filtro_box_close button.ml_filtro_btn_search:hover{background: #006630;} .ml_filtro_box .ml_filtro_box_close button.ml_filtro_btn_clear{margin:5px 0 5px 5px; display:none; padding:1px 10px; border:1px solid #ccc; background:#efefef; font-size:20px; color:#4c4c4c; float:right; border-radius:4px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .ml_filtro_box .ml_filtro_box_close button.ml_filtro_btn_clear:hover{background: #dfdfdf;} .ml_filtro_box .ml_filtro_box_open{display:none; width:100%; margin:0; padding:0 0 20px 0; float:left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} /** Font Family */ .ml_ff_arial{font-family: Arial !important;} .ml_ff_oswald{font-family: 'oswald' !important;} .ml_ff_opensans{font-family: 'opensans' !important;} /** Font Size */ .ml_fs_7{font-size:7px !important;} .ml_fs_8{font-size:8px !important;} .ml_fs_9{font-size:9px !important;} .ml_fs_10{font-size:10px !important;} .ml_fs_11{font-size:11px !important;} .ml_fs_12{font-size:12px !important;} .ml_fs_13{font-size:13px !important;} .ml_fs_14{font-size:14px !important;} .ml_fs_15{font-size:15px !important;} .ml_fs_16{font-size:16px !important;} .ml_fs_17{font-size:17px !important;} .ml_fs_18{font-size:18px !important;} .ml_fs_19{font-size:19px !important;} .ml_fs_20{font-size:20px !important;} .ml_fs_21{font-size:21px !important;} .ml_fs_22{font-size:22px !important;} .ml_fs_23{font-size:23px !important;} .ml_fs_24{font-size:24px !important;} .ml_fs_25{font-size:25px !important;} /** Clear */ .ml_clearfix, .ml_clear{clear: both !important;} /** Align */ .ml_al_center{text-align: center !important;} .ml_al_left{text-align: left !important;} .ml_al_right{text-align: right !important;} .ml_al_justify{text-align: justify !important;} /** Cursor */ .ml_cr_pointer{cursor:pointer !important;} .ml_cr_nodrop{cursor:no-drop !important;} /** Background */ .ml_bg_fff{background: #ffffff !important;} .ml_bg_padrao{background: #fafafa !important;} /** Border */ .ml_bd_padrao{border:1px solid #ccc;} .ml_bd_b_padrao{border-bottom:1px solid #ccc !important;} .ml_bd_transparent, .ml_bd_invisible, .ml_bd_hide, .ml_bd_hidden{border-color:transparent !important;} .ml_bd_rd_5{border-radius:5px !important; -webkit-border-radius:5px !important; -moz-border-radius:5px !important; -o-border-radius:5px !important; -ms-border-radius:5px !important;} /** Box de conteudo */ .ml_box{width: calc(100% - 10px) !important; float:left !important; clear:both !important; display:table !important; margin:5px !important; padding:5px !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** Debug - classe usada em um textarea para exibir o codigo e nao interpreta-lo */ .ml_debug{width:calc(100% - 10px) !important; max-width: calc(100% - 10px); background:#fdfdfd !important; overflow:auto !important; outline: 0 !important; resize: none; box-shadow: none !important; border:1px dashed #cfcfcf; min-height: 200px !important; resize:none !important; float:left !important; clear:both !important; margin:5px !important; padding:5px !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** Abas de navegacao */ .ml_abas_container{float:left; width: calc(100% - 10px) !important; margin:5px !important; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_abas_nav{float:left; width:100%; margin:0; padding:0;} .ml_abas_nav ul{float:left; width:100% !important; list-style: none !important; margin:0 !important; padding:0; border-bottom: 1px solid #cfcfcf;} .ml_abas_nav ul li{float:left; padding:9px 14px; border:1px solid transparent; margin:0 0 -1px 5px; background:#f5f5f5; font-size:13px; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -o-border-radius:6px 6px 0 0; -ms-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; border-bottom:1px solid #cfcfcf;} .ml_abas_nav ul li:hover{cursor:pointer; background:#efefef;} .ml_abas_nav ul li.active{border-color:#cfcfcf; background: #fff; border-bottom-color: #fff; cursor:initial;} .ml_abas_content > div{float:left; width:100%; margin:0; border:1px solid #cfcfcf; border-top:0; background:#fff; padding:0; min-height: 100px; position:relative; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_abas_content > div{display:none;} .ml_abas_content div.active{display:block;} /** Oculta parte da aba e exibe na .active e :hover */ .ml_abas_nav ul li .ml_abas_short{display:none; padding-left:5px;} .ml_abas_nav ul li:hover .ml_abas_short{display:inline-block;} .ml_abas_nav ul li.active .ml_abas_short{display:inline-block;} /** Temas */ .ml_abas_container[data-theme="primary"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88)); background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#337ab7', endColorstr='#265a88', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #245580;} .ml_abas_container[data-theme="primary"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="primary"] > .ml_abas_nav > ul > li:hover:not(.active){background:#265a88;} .ml_abas_container[data-theme="success"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -o-linear-gradient(top, #5cb85c 0%, #419641 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641)); background-image: linear-gradient(to bottom, #5cb85c 0%, #419641 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb85c', endColorstr='#419641', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #3e8f3e;} .ml_abas_container[data-theme="success"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="success"] > .ml_abas_nav > ul > li:hover:not(.active){background:#419641;} .ml_abas_container[data-theme="info"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2)); background-image: linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2aabd2', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #28a4c9;} .ml_abas_container[data-theme="info"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="info"] > .ml_abas_nav > ul > li:hover:not(.active){background:#2aabd2;} .ml_abas_container[data-theme="warning"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); background-image: -o-linear-gradient(top, #f0ad4e 0%, #2aabd2 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0ad4e', endColorstr='#eb9316', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #e38d13;} .ml_abas_container[data-theme="warning"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="warning"] > .ml_abas_nav > ul > li:hover:not(.active){background:#eb9316;} .ml_abas_container[data-theme="danger"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a)); background-image: linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9534f', endColorstr='#c12e2a', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #b92c28;} .ml_abas_container[data-theme="danger"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="danger"] > .ml_abas_nav > ul > li:hover:not(.active){background:#c12e2a;} .ml_abas_container[data-theme="dark"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%); background-image: -o-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#3c3c3c)); background-image: linear-gradient(to bottom, #4c4c4c 0%, #3c3c3c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3c3c3c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #222222;} .ml_abas_container[data-theme="dark"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="dark"] > .ml_abas_nav > ul > li:hover:not(.active){background:#3c3c3c;} .ml_abas_container[data-theme="dark-inv"] > .ml_abas_nav > ul > li{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom: 1px dashed #cfcfcf;} .ml_abas_container[data-theme="dark-inv"] > .ml_abas_nav > ul > li.active{color:#fff; border-bottom: 1px solid #3c3c3c; background-image: -webkit-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%); background-image: -o-linear-gradient(top, #4c4c4c 0%, #3c3c3c 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#4c4c4c), to(#3c3c3c)); background-image: linear-gradient(to bottom, #4c4c4c 0%, #3c3c3c 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#3c3c3c', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #222222;} .ml_abas_container[data-theme="dark-inv"] > .ml_abas_nav > ul > li:hover:not(.active){background:#f9f9f9;} .ml_abas_container[data-theme="orange"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #ff6e00 0%, #e56300 100%); background-image: -o-linear-gradient(top, #ff6e00 0%, #e56300 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6e00), to(#e56300)); background-image: linear-gradient(to bottom, #ff6e00 0%, #e56300 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6e00', endColorstr='#e56300', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #f26900;} .ml_abas_container[data-theme="orange"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="orange"] > .ml_abas_nav > ul > li:hover:not(.active){background:#f26900;} .ml_abas_container[data-theme="darkblue"] > .ml_abas_nav > ul > li{color:#fff; background-image: -webkit-linear-gradient(top, #283141 0%, #1c232e 100%); background-image: -o-linear-gradient(top, #283141 0%, #1c232e 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#283141), to(#1c232e)); background-image: linear-gradient(to bottom, #283141 0%, #1c232e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#283141', endColorstr='#1c232e', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); background-repeat: repeat-x; border-color: #181d26;} .ml_abas_container[data-theme="darkblue"] > .ml_abas_nav > ul > li.active{color:#4c4c4c; background:#fff; border-color:#cfcfcf; border-bottom-color: transparent;} .ml_abas_container[data-theme="darkblue"] > .ml_abas_nav > ul > li:hover:not(.active){background:#283141;} .ml_abas_container.ml_abas_md > .ml_abas_nav > ul > li{padding:12px 17px !important; font-size: 16px !important;} /** Rafa Sima - 07/06/2021 Botao close aba */ .j_close_aba{float:right; width: 20% !important; margin-top: -30px; margin-left: 10px; margin-right: -10px; text-align: center; cursor: pointer;} /** Box de Alertas */ .ml_alert_box{width: calc(100% - 10px); font-family: 'opensans' !important; float:left !important; clear:both !important; border:1px solid #ccc; margin:10px 5px !important; padding:15px 18px 15px 15px !important; font-size:15px; text-align: left; line-height: 18px !important; border-radius:6px; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_alert_box[data-close="on"]{cursor: pointer;} .ml_alert_box.ml_alert_success, .ml_alert_box.ml_alert_success p{background: #419641; border-color: #3b8a3b; color:#fff !important;} .ml_alert_box[data-close="on"].ml_alert_success{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #419641; border-color: #3b8a3b; color:#fff;} .ml_alert_box.ml_alert_info, .ml_alert_box.ml_alert_info p{background: #2aabd2; border-color: #27a0c4; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_info{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #2aabd2; border-color: #27a0c4; color:#fff;} .ml_alert_box.ml_alert_warning, .ml_alert_box.ml_alert_warning p{background: #eb9316; border-color: #de8a14; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_warning{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #eb9316; border-color: #de8a14; color:#fff;} .ml_alert_box.ml_alert_danger, .ml_alert_box.ml_alert_danger p{background: #c12e2a; border-color: #b52d28; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_danger{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #c12e2a; border-color: #b52d28; color:#fff;} .ml_alert_box.ml_alert_dark, .ml_alert_box.ml_alert_dark p{background: #3c3c3c; border-color: #222222; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_dark{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #3c3c3c; border-color: #222222; color:#fff;} .ml_alert_box.ml_alert_orange, .ml_alert_box.ml_alert_orange p{background: #f26900; border-color: #e56300; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_orange{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #f26900; border-color: #e56300; color:#fff;} .ml_alert_box.ml_alert_primary, .ml_alert_box.ml_alert_primary p{background: #265a88; border-color: #245580; color:#fff;} .ml_alert_box[data-close="on"].ml_alert_primary{background:url('_libs/icones/icon_x_white.png') right top/16px 16px no-repeat #265a88; border-color: #245580; color:#fff;} /** Cores suaves */ .ml_alert_box.ml_alert_success_soft, .ml_alert_box.ml_alert_success_soft p{color: #3c763d; background-color: #dff0d8; border-color: #c9dbba;} .ml_alert_box[data-close="on"].ml_alert_success_soft{background: url('_libs/icones/icon_x_56a857.png') right top/16px 16px no-repeat #dff0d8; border-color: #c9dbba; color:#3c763d;} .ml_alert_box.ml_alert_info_soft, .ml_alert_box.ml_alert_info_soft p{background-color: #d9edf7; border-color: #bce8f1; color: #35799c;} .ml_alert_box[data-close="on"].ml_alert_info_soft{background: url('_libs/icones/icon_x_46a1cf.png') right top/16px 16px no-repeat #d9edf7; border-color: #bce8f1; color: #35799c;} .ml_alert_box.ml_alert_warning_soft, .ml_alert_box.ml_alert_warning_soft p{color: #8a6d3b; background-color: #fcf8e3; border-color: #f0e1c5;} .ml_alert_box[data-close="on"].ml_alert_warning_soft{color: #8a6d3b; background: url('_libs/icones/icon_x_c29953.png') right top/16px 16px no-repeat #fcf8e3; border-color: #f0e1c5;} .ml_alert_box.ml_alert_danger_soft, .ml_alert_box.ml_alert_danger_soft p{color: #a94442; background-color: #f2dede; border-color: #dec1c6;} .ml_alert_box[data-close="on"].ml_alert_danger_soft{color: #a94442; background: url('_libs/icones/icon_x_db5856.png') right top/16px 16px no-repeat #f2dede; border-color: #dec1c6;} .ml_alert_box.ml_alert_dark_soft, .ml_alert_box.ml_alert_dark_soft p{color: #4c4c4c; background-color: #e5e5e5; border-color: #d9d9d9;} .ml_alert_box[data-close="on"].ml_alert_dark_soft{color: #4c4c4c; background: url('_libs/icones/icon_x_808080.png') right top/16px 16px no-repeat #e5e5e5; border-color: #d9d9d9;} .ml_alert_box.ml_alert_orange_soft, .ml_alert_box.ml_alert_orange_soft p{color: #b34e02; background-color: #ffd3b2; border-color: #f2c9aa;} .ml_alert_box[data-close="on"].ml_alert_orange_soft{color: #b34e02; background: url('_libs/icones/icon_x_e56502.png') right top/16px 16px no-repeat #ffd3b2; border-color: #f2c9aa;} /** Padding */ .ml_pd_0{padding: 0 !important;} .ml_pd_5{padding: 5px !important;} .ml_pd_10{padding: 10px !important;} .ml_pd_15{padding: 15px !important;} .ml_pd_20{padding: 20px !important;} .ml_pd_25{padding: 25px !important;} .ml_pd_30{padding: 30px !important;} .ml_pd_35{padding: 35px !important;} .ml_pd_40{padding: 40px !important;} .ml_pd_45{padding: 45px !important;} .ml_pd_50{padding: 50px !important;} .ml_pd_t_0{padding-top: 0 !important;} .ml_pd_t_5{padding-top: 5px !important;} .ml_pd_t_10{padding-top: 10px !important;} .ml_pd_t_15{padding-top: 15px !important;} .ml_pd_t_20{padding-top: 20px !important;} .ml_pd_t_25{padding-top: 25px !important;} .ml_pd_t_30{padding-top: 30px !important;} .ml_pd_t_35{padding-top: 35px !important;} .ml_pd_t_40{padding-top: 40px !important;} .ml_pd_t_45{padding-top: 45px !important;} .ml_pd_t_50{padding-top: 50px !important;} .ml_pd_r_0{padding-right: 0 !important;} .ml_pd_r_5{padding-right: 5px !important;} .ml_pd_r_10{padding-right: 10px !important;} .ml_pd_r_15{padding-right: 15px !important;} .ml_pd_r_20{padding-right: 20px !important;} .ml_pd_r_25{padding-right: 25px !important;} .ml_pd_r_30{padding-right: 30px !important;} .ml_pd_r_35{padding-right: 35px !important;} .ml_pd_r_40{padding-right: 40px !important;} .ml_pd_r_45{padding-right: 45px !important;} .ml_pd_r_50{padding-right: 50px !important;} .ml_pd_b_0{padding-bottom: 0 !important;} .ml_pd_b_5{padding-bottom: 5px !important;} .ml_pd_b_10{padding-bottom: 10px !important;} .ml_pd_b_15{padding-bottom: 15px !important;} .ml_pd_b_20{padding-bottom: 20px !important;} .ml_pd_b_25{padding-bottom: 25px !important;} .ml_pd_b_30{padding-bottom: 30px !important;} .ml_pd_b_35{padding-bottom: 35px !important;} .ml_pd_b_40{padding-bottom: 40px !important;} .ml_pd_b_45{padding-bottom: 45px !important;} .ml_pd_b_50{padding-bottom: 50px !important;} .ml_pd_l_0{padding-left: 0 !important;} .ml_pd_l_5{padding-left: 5px !important;} .ml_pd_l_10{padding-left: 10px !important;} .ml_pd_l_15{padding-left: 15px !important;} .ml_pd_l_20{padding-left: 20px !important;} .ml_pd_l_25{padding-left: 25px !important;} .ml_pd_l_30{padding-left: 30px !important;} .ml_pd_l_35{padding-left: 35px !important;} .ml_pd_l_40{padding-left: 40px !important;} .ml_pd_l_45{padding-left: 45px !important;} .ml_pd_l_50{padding-left: 50px !important;} /** Margin em (PX) */ .ml_mg_0{margin: 0 !important;} .ml_mg_3{margin: 3px !important;} .ml_mg_5{margin: 5px !important;} .ml_mg_10{margin: 10px !important;} .ml_mg_15{margin: 15px !important;} .ml_mg_20{margin: 20px !important;} .ml_mg_25{margin: 25px !important;} .ml_mg_30{margin: 30px !important;} .ml_mg_35{margin: 35px !important;} .ml_mg_40{margin: 40px !important;} .ml_mg_45{margin: 45px !important;} .ml_mg_50{margin: 50px !important;} .ml_mg_t_0{margin-top: 0 !important;} .ml_mg_t_5{margin-top: 5px !important;} .ml_mg_t_10{margin-top: 10px !important;} .ml_mg_t_15{margin-top: 15px !important;} .ml_mg_t_20{margin-top: 20px !important;} .ml_mg_t_25{margin-top: 25px !important;} .ml_mg_t_30{margin-top: 30px !important;} .ml_mg_t_35{margin-top: 35px !important;} .ml_mg_t_40{margin-top: 40px !important;} .ml_mg_t_45{margin-top: 45px !important;} .ml_mg_t_50{margin-top: 50px !important;} .ml_mg_r_0{margin-right: 0 !important;} .ml_mg_r_5{margin-right: 5px !important;} .ml_mg_r_10{margin-right: 10px !important;} .ml_mg_r_15{margin-right: 15px !important;} .ml_mg_r_20{margin-right: 20px !important;} .ml_mg_r_25{margin-right: 25px !important;} .ml_mg_r_30{margin-right: 30px !important;} .ml_mg_r_35{margin-right: 35px !important;} .ml_mg_r_40{margin-right: 40px !important;} .ml_mg_r_45{margin-right: 45px !important;} .ml_mg_r_50{margin-right: 50px !important;} .ml_mg_b_0{margin-bottom: 0 !important;} .ml_mg_b_5{margin-bottom: 5px !important;} .ml_mg_b_10{margin-bottom: 10px !important;} .ml_mg_b_15{margin-bottom: 15px !important;} .ml_mg_b_20{margin-bottom: 20px !important;} .ml_mg_b_25{margin-bottom: 25px !important;} .ml_mg_b_30{margin-bottom: 30px !important;} .ml_mg_b_35{margin-bottom: 35px !important;} .ml_mg_b_40{margin-bottom: 40px !important;} .ml_mg_b_45{margin-bottom: 45px !important;} .ml_mg_b_50{margin-bottom: 50px !important;} .ml_mg_l_0{margin-left: 0 !important;} .ml_mg_l_5{margin-left: 5px !important;} .ml_mg_l_10{margin-left: 10px !important;} .ml_mg_l_15{margin-left: 15px !important;} .ml_mg_l_20{margin-left: 20px !important;} .ml_mg_l_25{margin-left: 25px !important;} .ml_mg_l_30{margin-left: 30px !important;} .ml_mg_l_35{margin-left: 35px !important;} .ml_mg_l_40{margin-left: 40px !important;} .ml_mg_l_45{margin-left: 45px !important;} .ml_mg_l_50{margin-left: 50px !important;} /** Margin em (%) */ .ml_mg_5pc{margin: 5% !important;} .ml_mg_10pc{margin: 10% !important;} .ml_mg_15pc{margin: 15% !important;} .ml_mg_20pc{margin: 20% !important;} .ml_mg_25pc{margin: 25% !important;} .ml_mg_30pc{margin: 30% !important;} .ml_mg_35pc{margin: 35% !important;} .ml_mg_40pc{margin: 40% !important;} .ml_mg_45pc{margin: 45% !important;} .ml_mg_50pc{margin: 50% !important;} .ml_mg_t_5pc{margin-top: 5% !important;} .ml_mg_t_10pc{margin-top: 10% !important;} .ml_mg_t_15pc{margin-top: 15% !important;} .ml_mg_t_20pc{margin-top: 20% !important;} .ml_mg_t_25pc{margin-top: 25% !important;} .ml_mg_t_30pc{margin-top: 30% !important;} .ml_mg_t_35pc{margin-top: 35% !important;} .ml_mg_t_40pc{margin-top: 40% !important;} .ml_mg_t_45pc{margin-top: 45% !important;} .ml_mg_t_50pc{margin-top: 50% !important;} .ml_mg_r_5pc{margin-right: 5% !important;} .ml_mg_r_10pc{margin-right: 10% !important;} .ml_mg_r_15pc{margin-right: 15% !important;} .ml_mg_r_20pc{margin-right: 20% !important;} .ml_mg_r_25pc{margin-right: 25% !important;} .ml_mg_r_30pc{margin-right: 30% !important;} .ml_mg_r_35pc{margin-right: 35% !important;} .ml_mg_r_40pc{margin-right: 40% !important;} .ml_mg_r_45pc{margin-right: 45% !important;} .ml_mg_r_50pc{margin-right: 50% !important;} .ml_mg_b_5pc{margin-bottom: 5% !important;} .ml_mg_b_10pc{margin-bottom: 10% !important;} .ml_mg_b_15pc{margin-bottom: 15% !important;} .ml_mg_b_20pc{margin-bottom: 20% !important;} .ml_mg_b_25pc{margin-bottom: 25% !important;} .ml_mg_b_30pc{margin-bottom: 30% !important;} .ml_mg_b_35pc{margin-bottom: 35% !important;} .ml_mg_b_40pc{margin-bottom: 40% !important;} .ml_mg_b_45pc{margin-bottom: 45% !important;} .ml_mg_b_50pc{margin-bottom: 50% !important;} .ml_mg_l_5pc{margin-left: 5% !important;} .ml_mg_l_10pc{margin-left: 10% !important;} .ml_mg_l_15pc{margin-left: 15% !important;} .ml_mg_l_20pc{margin-left: 20% !important;} .ml_mg_l_25pc{margin-left: 25% !important;} .ml_mg_l_30pc{margin-left: 30% !important;} .ml_mg_l_35pc{margin-left: 35% !important;} .ml_mg_l_40pc{margin-left: 40% !important;} .ml_mg_l_45pc{margin-left: 45% !important;} .ml_mg_l_50pc{margin-left: 50% !important;} /** Float */ .ml_fl_none{float: none !important;} .ml_fl_left{float: left !important;} .ml_fl_right{float: right !important;} /** Position */ .ml_ps_initial{position: initial !important;} .ml_ps_relative{position: relative !important;} .ml_ps_absolute{position: absolute !important;} .ml_ps_fixed{position: fixed !important;} .ml_ps_t_0{top: 0 !important;} .ml_ps_t_5{top: 5px !important;} .ml_ps_t_10{top: 10px !important;} .ml_ps_t_15{top: 15px !important;} .ml_ps_t_20{top: 20px !important;} .ml_ps_t_25{top: 25px !important;} .ml_ps_t_30{top: 30px !important;} .ml_ps_t_35{top: 35px !important;} .ml_ps_t_40{top: 40px !important;} .ml_ps_t_45{top: 45px !important;} .ml_ps_t_50{top: 50px !important;} .ml_ps_r_0{right: 0 !important;} .ml_ps_r_5{right: 5px !important;} .ml_ps_r_10{right: 10px !important;} .ml_ps_r_15{right: 15px !important;} .ml_ps_r_20{right: 20px !important;} .ml_ps_r_25{right: 25px !important;} .ml_ps_r_30{right: 30px !important;} .ml_ps_r_35{right: 35px !important;} .ml_ps_r_40{right: 40px !important;} .ml_ps_r_45{right: 45px !important;} .ml_ps_r_50{right: 50px !important;} .ml_ps_b_0{bottom: 0 !important;} .ml_ps_b_5{bottom: 5px !important;} .ml_ps_b_10{bottom: 10px !important;} .ml_ps_b_15{bottom: 15px !important;} .ml_ps_b_20{bottom: 20px !important;} .ml_ps_b_25{bottom: 25px !important;} .ml_ps_b_30{bottom: 30px !important;} .ml_ps_b_35{bottom: 35px !important;} .ml_ps_b_40{bottom: 40px !important;} .ml_ps_b_45{bottom: 45px !important;} .ml_ps_b_50{bottom: 50px !important;} .ml_ps_l_0{left: 0 !important;} .ml_ps_l_5{left: 5px !important;} .ml_ps_l_10{left: 10px !important;} .ml_ps_l_15{left: 15px !important;} .ml_ps_l_20{left: 20px !important;} .ml_ps_l_25{left: 25px !important;} .ml_ps_l_30{left: 30px !important;} .ml_ps_l_35{left: 35px !important;} .ml_ps_l_40{left: 40px !important;} .ml_ps_l_45{left: 45px !important;} .ml_ps_l_50{left: 50px !important;} /** Valores Negativos */ .ml_ps_t_-1{top: -1px !important;} .ml_ps_t_-5{top: -5px !important;} .ml_ps_t_-10{top: -10px !important;} .ml_ps_t_-15{top: -15px !important;} .ml_ps_t_-20{top: -20px !important;} .ml_ps_t_-25{top: -25px !important;} .ml_ps_t_-30{top: -30px !important;} .ml_ps_t_-35{top: -35px !important;} .ml_ps_t_-40{top: -40px !important;} .ml_ps_t_-45{top: -45px !important;} .ml_ps_t_-50{top: -50px !important;} .ml_ps_r_-1{right: -1px !important;} .ml_ps_r_-5{right: -5px !important;} .ml_ps_r_-10{right: -10px !important;} .ml_ps_r_-15{right: -15px !important;} .ml_ps_r_-20{right: -20px !important;} .ml_ps_r_-25{right: -25px !important;} .ml_ps_r_-30{right: -30px !important;} .ml_ps_r_-35{right: -35px !important;} .ml_ps_r_-40{right: -40px !important;} .ml_ps_r_-45{right: -45px !important;} .ml_ps_r_-50{right: -50px !important;} .ml_ps_b_-1{bottom: -1px !important;} .ml_ps_b_-5{bottom: -5px !important;} .ml_ps_b_-10{bottom: -10px !important;} .ml_ps_b_-15{bottom: -15px !important;} .ml_ps_b_-20{bottom: -20px !important;} .ml_ps_b_-25{bottom: -25px !important;} .ml_ps_b_-30{bottom: -30px !important;} .ml_ps_b_-35{bottom: -35px !important;} .ml_ps_b_-40{bottom: -40px !important;} .ml_ps_b_-45{bottom: -45px !important;} .ml_ps_b_-50{bottom: -50px !important;} .ml_ps_l_-1{left: -1px !important;} .ml_ps_l_-5{left: -5px !important;} .ml_ps_l_-10{left: -10px !important;} .ml_ps_l_-15{left: -15px !important;} .ml_ps_l_-20{left: -20px !important;} .ml_ps_l_-25{left: -25px !important;} .ml_ps_l_-30{left: -30px !important;} .ml_ps_l_-35{left: -35px !important;} .ml_ps_l_-40{left: -40px !important;} .ml_ps_l_-45{left: -45px !important;} .ml_ps_l_-50{left: -50px !important;} /** Width */ .ml_min_wd_40{min-width: 40px !important;} .ml_min_wd_41{min-width: 41px !important;} .ml_min_wd_42{min-width: 42px !important;} .ml_min_wd_43{min-width: 43px !important;} .ml_min_wd_44{min-width: 44px !important;} .ml_min_wd_45{min-width: 45px !important;} .ml_min_wd_46{min-width: 46px !important;} .ml_min_wd_47{min-width: 47px !important;} .ml_min_wd_48{min-width: 48px !important;} .ml_min_wd_49{min-width: 49px !important;} .ml_min_wd_50{min-width: 50px !important;} .ml_min_wd_51{min-width: 51px !important;} .ml_min_wd_52{min-width: 52px !important;} .ml_min_wd_53{min-width: 53px !important;} .ml_min_wd_54{min-width: 54px !important;} .ml_min_wd_55{min-width: 55px !important;} .ml_min_wd_56{min-width: 56px !important;} .ml_min_wd_57{min-width: 57px !important;} .ml_min_wd_58{min-width: 58px !important;} .ml_min_wd_59{min-width: 59px !important;} .ml_min_wd_60{min-width: 60px !important;} .ml_min_wd_61{min-width: 61px !important;} .ml_min_wd_62{min-width: 62px !important;} .ml_min_wd_63{min-width: 63px !important;} .ml_min_wd_64{min-width: 64px !important;} .ml_min_wd_65{min-width: 65px !important;} .ml_min_wd_66{min-width: 66px !important;} .ml_min_wd_67{min-width: 67px !important;} .ml_min_wd_68{min-width: 68px !important;} .ml_min_wd_69{min-width: 69px !important;} .ml_min_wd_70{min-width: 70px !important;} .ml_min_wd_71{min-width: 71px !important;} .ml_min_wd_72{min-width: 72px !important;} .ml_min_wd_73{min-width: 73px !important;} .ml_min_wd_74{min-width: 74px !important;} .ml_min_wd_75{min-width: 75px !important;} .ml_min_wd_76{min-width: 76px !important;} .ml_min_wd_77{min-width: 77px !important;} .ml_min_wd_78{min-width: 78px !important;}.ml_min_wd_79{min-width: 79px !important;} .ml_min_wd_80{min-width: 80px !important;} .ml_min_wd_81{min-width: 81px !important;} .ml_min_wd_82{min-width: 82px !important;} .ml_min_wd_83{min-width: 83px !important;} .ml_min_wd_84{min-width: 84px !important;} .ml_min_wd_85{min-width: 85px !important;} .ml_min_wd_86{min-width: 86px !important;} .ml_min_wd_87{min-width: 87px !important;} .ml_min_wd_88{min-width: 88px !important;} .ml_min_wd_89{min-width: 89px !important;} .ml_min_wd_90{min-width: 90px !important;} .ml_min_wd_91{min-width: 91px !important;} .ml_min_wd_92{min-width: 92px !important;} .ml_min_wd_93{min-width: 93px !important;} .ml_min_wd_94{min-width: 94px !important;} .ml_min_wd_95{min-width: 95px !important;} .ml_min_wd_96{min-width: 96px !important;} .ml_min_wd_97{min-width: 97px !important;} .ml_min_wd_98{min-width: 98px !important;} .ml_min_wd_99{min-width: 99px !important;} .ml_min_wd_100{min-width: 100px !important;} .ml_min_wd_25{min-width: 25px !important;} .ml_min_wd_100{min-width: 100px !important;} .ml_min_wd_105{min-width: 105px !important;} .ml_min_wd_110{min-width: 110px !important;} .ml_min_wd_115{min-width: 115px !important;} .ml_min_wd_120{min-width: 120px !important;} .ml_min_wd_125{min-width: 125px !important;} .ml_min_wd_130{min-width: 130px !important;} .ml_min_wd_135{min-width: 135px !important;} .ml_min_wd_140{min-width: 140px !important;} .ml_min_wd_145{min-width: 145px !important;} .ml_min_wd_150{min-width: 150px !important;} .ml_min_wd_155{min-width: 155px !important;} .ml_min_wd_160{min-width: 160px !important;} .ml_min_wd_165{min-width: 165px !important;} .ml_min_wd_170{min-width: 170px !important;} .ml_min_wd_175{min-width: 175px !important;} .ml_min_wd_180{min-width: 180px !important;} .ml_min_wd_185{min-width: 185px !important;} .ml_min_wd_190{min-width: 190px !important;} .ml_min_wd_195{min-width: 195px !important;} .ml_min_wd_200{min-width: 200px !important;} .ml_min_wd_210{min-width: 210px !important;} .ml_min_wd_215{min-width: 215px !important;} .ml_min_wd_220{min-width: 220px !important;} .ml_min_wd_225{min-width: 225px !important;} .ml_min_wd_230{min-width: 230px !important;} .ml_min_wd_235{min-width: 235px !important;} .ml_min_wd_240{min-width: 240px !important;} .ml_min_wd_245{min-width: 245px !important;} .ml_min_wd_250{min-width: 250px !important;} .ml_min_wd_260{min-width: 260px !important;} .ml_min_wd_265{min-width: 265px !important;} .ml_min_wd_270{min-width: 270px !important;} .ml_wd_40{width: 40px !important;} .ml_wd_41{width: 41px !important;} .ml_wd_42{width: 42px !important;} .ml_wd_43{width: 43px !important;} .ml_wd_44{width: 44px !important;} .ml_wd_45{width: 45px !important;} .ml_wd_46{width: 46px !important;} .ml_wd_47{width: 47px !important;} .ml_wd_48{width: 48px !important;} .ml_wd_49{width: 49px !important;} .ml_wd_50{width: 50px !important;} .ml_wd_51{width: 51px !important;} .ml_wd_52{width: 52px !important;} .ml_wd_53{width: 53px !important;} .ml_wd_54{width: 54px !important;} .ml_wd_55{width: 55px !important;} .ml_wd_56{width: 56px !important;} .ml_wd_57{width: 57px !important;} .ml_wd_58{width: 58px !important;} .ml_wd_59{width: 59px !important;} .ml_wd_60{width: 60px !important;} .ml_wd_61{width: 61px !important;} .ml_wd_62{width: 62px !important;} .ml_wd_63{width: 63px !important;} .ml_wd_64{width: 64px !important;} .ml_wd_65{width: 65px !important;} .ml_wd_66{width: 66px !important;} .ml_wd_67{width: 67px !important;} .ml_wd_68{width: 68px !important;} .ml_wd_69{width: 69px !important;} .ml_wd_70{width: 70px !important;} .ml_wd_71{width: 71px !important;} .ml_wd_72{width: 72px !important;} .ml_wd_73{width: 73px !important;} .ml_wd_74{width: 74px !important;} .ml_wd_75{width: 75px !important;} .ml_wd_76{width: 76px !important;} .ml_wd_77{width: 77px !important;} .ml_wd_78{width: 78px !important;}.ml_wd_79{width: 79px !important;} .ml_wd_80{width: 80px !important;} .ml_wd_81{width: 81px !important;} .ml_wd_82{width: 82px !important;} .ml_wd_83{width: 83px !important;} .ml_wd_84{width: 84px !important;} .ml_wd_85{width: 85px !important;} .ml_wd_86{width: 86px !important;} .ml_wd_87{width: 87px !important;} .ml_wd_88{width: 88px !important;} .ml_wd_89{width: 89px !important;} .ml_wd_90{width: 90px !important;} .ml_wd_91{width: 91px !important;} .ml_wd_92{width: 92px !important;} .ml_wd_93{width: 93px !important;} .ml_wd_94{width: 94px !important;} .ml_wd_95{width: 95px !important;} .ml_wd_96{width: 96px !important;} .ml_wd_97{width: 97px !important;} .ml_wd_98{width: 98px !important;} .ml_wd_99{width: 99px !important;} .ml_wd_100{width: 100px !important;} .ml_wd_100{width: 100px !important;} .ml_wd_105{width: 105px !important;} .ml_wd_110{width: 110px !important;} .ml_wd_115{width: 115px !important;} .ml_wd_120{width: 120px !important;} .ml_wd_125{width: 125px !important;} .ml_wd_130{width: 130px !important;} .ml_wd_135{width: 135px !important;} .ml_wd_140{width: 140px !important;} .ml_wd_145{width: 145px !important;} .ml_wd_150{width: 150px !important;} .ml_wd_155{width: 155px !important;} .ml_wd_160{width: 160px !important;} .ml_wd_165{width: 165px !important;} .ml_wd_170{width: 170px !important;} .ml_wd_175{width: 175px !important;} .ml_wd_180{width: 180px !important;} .ml_wd_185{width: 185px !important;} .ml_wd_190{width: 190px !important;} .ml_wd_195{width: 195px !important;} .ml_wd_200{width: 200px !important;} .ml_wd_210{width: 210px !important;} .ml_wd_215{width: 215px !important;} .ml_wd_220{width: 220px !important;} .ml_wd_225{width: 225px !important;} .ml_wd_230{width: 230px !important;} .ml_wd_235{width: 235px !important;} .ml_wd_240{width: 240px !important;} .ml_wd_245{width: 245px !important;} .ml_wd_250{width: 250px !important;} .ml_wd_260{width: 260px !important;} .ml_wd_265{width: 265px !important;} .ml_wd_270{width: 270px !important;} .ml_wd_40pc{width: 40% !important;} .ml_wd_41pc{width: 41% !important;} .ml_wd_42pc{width: 42% !important;} .ml_wd_43pc{width: 43% !important;} .ml_wd_44pc{width: 44% !important;} .ml_wd_45pc{width: 45% !important;} .ml_wd_46pc{width: 46% !important;} .ml_wd_47pc{width: 47% !important;} .ml_wd_48pc{width: 48% !important;} .ml_wd_49pc{width: 49% !important;} .ml_wd_50pc{width: 50% !important;} .ml_wd_51pc{width: 51% !important;} .ml_wd_52pc{width: 52% !important;} .ml_wd_53pc{width: 53% !important;} .ml_wd_54pc{width: 54% !important;} .ml_wd_55pc{width: 55% !important;} .ml_wd_56pc{width: 56% !important;} .ml_wd_57pc{width: 57% !important;} .ml_wd_58pc{width: 58% !important;} .ml_wd_59pc{width: 59% !important;} .ml_wd_60pc{width: 60% !important;} .ml_wd_61pc{width: 61% !important;} .ml_wd_62pc{width: 62% !important;} .ml_wd_63pc{width: 63% !important;} .ml_wd_64pc{width: 64% !important;} .ml_wd_65pc{width: 65% !important;} .ml_wd_66pc{width: 66% !important;} .ml_wd_67pc{width: 67% !important;} .ml_wd_68pc{width: 68% !important;} .ml_wd_69pc{width: 69% !important;} .ml_wd_70pc{width: 70% !important;} .ml_wd_71pc{width: 71% !important;} .ml_wd_72pc{width: 72% !important;} .ml_wd_73pc{width: 73% !important;} .ml_wd_74pc{width: 74% !important;} .ml_wd_75pc{width: 75% !important;} .ml_wd_76pc{width: 76% !important;} .ml_wd_77pc{width: 77% !important;} .ml_wd_78pc{width: 78% !important;}.ml_wd_79pc{width: 79% !important;} .ml_wd_80pc{width: 80% !important;} .ml_wd_81pc{width: 81% !important;} .ml_wd_82pc{width: 82% !important;} .ml_wd_83pc{width: 83% !important;} .ml_wd_84pc{width: 84% !important;} .ml_wd_85pc{width: 85% !important;} .ml_wd_86pc{width: 86% !important;} .ml_wd_87pc{width: 87% !important;} .ml_wd_88pc{width: 88% !important;} .ml_wd_89pc{width: 89% !important;} .ml_wd_90pc{width: 90% !important;} .ml_wd_91pc{width: 91% !important;} .ml_wd_92pc{width: 92% !important;} .ml_wd_93pc{width: 93% !important;} .ml_wd_94pc{width: 94% !important;} .ml_wd_95pc{width: 95% !important;} .ml_wd_96pc{width: 96% !important;} .ml_wd_97pc{width: 97% !important;} .ml_wd_98pc{width: 98% !important;} .ml_wd_99pc{width: 99% !important;} .ml_wd_100pc{width: 100% !important;} /** Height */ .ml_min_ht_300{min-height: 300px !important;} .ml_min_ht_500{min-height: 500px !important;} /** Visibilidade */ .ml_hide, .ml_hidden{display:none;} .ml_transparent, .ml_invisible{opacity: 0;} .ml_btn_confirm{background: #ede010 !important; color: #4c4c4c !important; border:1px solid #4c4c4c !important;} .ml_btn_confirm:hover{background: #ede010 !important; color: #4c4c4c !important; border:1px solid #4c4c4c !important;} .ml_uppercase{text-transform: uppercase !important;} .ml_load{display:none; width:100% !important; height:100% !important; position:absolute !important; top:0 !important; z-index: 8000; left:0 !important; background: url('../_imagens/_template/loader.gif') no-repeat center center/80px rgba(255,255,255,0.6) !important;} .ml_load_full{display:none; width:100% !important; height:100% !important; position:fixed !important; top:0 !important; z-index: 99999; left:0 !important; background: url('../_imagens/_template/loader.gif') no-repeat center center/80px rgba(255,255,255,0.6) !important;} .ml_label_error{float:left !important; width:100% !important; margin: 0 !important; padding:6px 10px !important; clear:both !important; font-weight: normal !important; font-size:13px !important; font-family: 'opensans'; box-sizing: border-box; border-radius:2px !important; margin-top:4px !important;} /** Color */ .ml_cl_000000, .ml_cl_000, .ml_cl_preto{color:#444444 !important;} .ml_cl_ffffff, .ml_cl_fff, .ml_cl_branco{color:#FFFFFF !important;} .ml_cl_cccccc, .ml_cl_ccc, .ml_cl_cinza{color:#CCCCCC !important;} .ml_cl_444444, .ml_cl_444{color:#444444 !important;} .ml_cl_4c4c4c{color: #4c4c4c !important;} .ml_cl_555555, .ml_cl_555{color:#555555 !important;} .ml_cl_777777, .ml_cl_777{color:#777777 !important;} .ml_cl_eeeeee, .ml_cl_eee{color:#EEEEEE !important;} .ml_cl_006699, .ml_cl_069{color:#006699 !important;} /** Formularios dentro de modal */ .ml_modal_content form{width:calc(100% - 10px) !important; margin:5px !important;} /* * * ATENCAO * Nenhuma classe pode ser criada entre os modulos: CLASSES DE APOIO e MEDIA QUERIES que não seja uma real classe de apoio * caso contrario o elemento podera nao respeitar uma classe de apoio atribuida * */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-= GRID DE LARGURA DINAMICA =-=-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /** Linha sem margin e padding com 100% */ .ml_grid_linha{width:100% !important; float:left !important; clear:both !important; display:table !important; margin:0 !important; padding:0 !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_box{width:100%; float:left; clear:both !important; margin:0; padding:0; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} /** Container que ao envelopar seus grids diretos nao permite que o layout quebre com divs de alturas diferentes */ /** Todos os grids disponiveis de 1 coluna ate 10 .ml_grid_container{width:100% !important; float:left !important; clear:both !important; margin:0 !important; padding:0 !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_container > .ml_grid_1_2:nth-child(2n+3), .ml_grid_container > .ml_grid_2:nth-child(2n+3), .ml_grid_container > .ml_grid_2_4:nth-child(2n+3), .ml_grid_container > .ml_grid_3_6:nth-child(2n+3), .ml_grid_container > .ml_grid_4_8:nth-child(2n+3), .ml_grid_container > .ml_grid_5_10:nth-child(2n+3){clear: both !important;} .ml_grid_container > .ml_grid_1_3:nth-child(3n+4), .ml_grid_container > .ml_grid_3:nth-child(3n+4), .ml_grid_container > .ml_grid_2_6:nth-child(3n+4), .ml_grid_container > .ml_grid_3_6:nth-child(3n+4){clear: both !important;} .ml_grid_container > .ml_grid_1_4:nth-child(4n+5), .ml_grid_container > .ml_grid_4:nth-child(4n+5), .ml_grid_container > .ml_grid_2_8:nth-child(4n+5){clear: both !important;} .ml_grid_container > .ml_grid_1_5:nth-child(5n+6), .ml_grid_container > .ml_grid_5:nth-child(5n+6), .ml_grid_container > .ml_grid_2_10:nth-child(5n+6){clear: both !important;} .ml_grid_container > .ml_grid_1_6:nth-child(6n+7), .ml_grid_container > .ml_grid_6:nth-child(6n+7){clear: both !important;} .ml_grid_container > .ml_grid_1_7:nth-child(7n+8), .ml_grid_container > .ml_grid_7:nth-child(7n+8){clear: both !important;} .ml_grid_container > .ml_grid_1_8:nth-child(8n+9), .ml_grid_container > .ml_grid_8:nth-child(8n+9){clear: both !important;} .ml_grid_container > .ml_grid_1_9:nth-child(9n+10), .ml_grid_container > .ml_grid_9:nth-child(9n+10){clear: both !important;} .ml_grid_container > .ml_grid_1_10:nth-child(10n+11), .ml_grid_container > .ml_grid_10:nth-child(10n+11){clear: both !important;} .ml_grid_row, .ml_row{width:100%; margin:0; padding:0; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_1, .ml_grid_1, .ml_grid{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_2, .ml_grid_2{width:49% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_2{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_3, .ml_grid_3{width:32.33333333333333% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_3{width:65.66666666666667% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_3{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_4, .ml_grid_4{width:24% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_4{width:49% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_4{width:74% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_4{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_5, .ml_grid_5{width:19% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_5{width:39% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_5{width:59% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_5{width:79% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_5{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_6, .ml_grid_6{width:15.66666666666667% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_6{width:32.33333333333333% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_6{width:49% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_6{width:65.66666666666667% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_6{width:82.33333333333333% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_6_6{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_7, .ml_grid_7{width:13.28571428571429% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_7{width:27.57142857142857% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_7{width:41.85714285714286% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_7{width:56.14285714285714% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_7{width:70.42857142857143% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_6_7{width:84.71428571428571% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_7_7{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_8, .ml_grid_8{width:11.5% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_8{width:24% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_8{width:36.5% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_8{width:49% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_8{width:61.5% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_6_8{width:74% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_7_8{width:87.5% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_8_8{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_9, .ml_grid_9{width:10.11111111111111% !important; margin:0.5% !important; sliderfloat:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_9{width:21.22222222222222% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_9{width:32.33333333333333% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_9{width:43.44444444444444% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_9{width:54.55555555555556% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_6_9{width:65.66666666666667% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_7_9{width:76.77777777777778% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_8_9{width:87.88888888888889% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_9_9{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_1_10,.ml_grid_10{width:9% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_2_10{width:19% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_3_10{width:29% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_4_10{width:39% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_10{width:49% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_6_10{width:59% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_7_10{width:69% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_8_10{width:79% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_9_10{width:89% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_10_10{width:99% !important; margin:0.5% !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} */ .ml_grid_1_1, .ml_grid_1, .ml_grid{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_2, .ml_grid_2{width: calc(50% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_2{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_3, .ml_grid_3{width: calc(33.33333333333333% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_3{width: calc(66.66666666666667% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_3{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_4, .ml_grid_4{width: calc(25% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_4{width: calc(50% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_4{width: calc(75% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_4{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_5, .ml_grid_5{width: calc(20% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_5{width: calc(40% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_5{width: calc(60% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_5{width: calc(80% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_5_5{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_6, .ml_grid_6{width: calc(16.66666666666667% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_6{width: calc(33.33333333333333% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_6{width: calc(50% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_6{width: calc(66.66666666666667% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_5_6{width: calc(83.33333333333333% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_6_6{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_7, .ml_grid_7{width: calc(14.28571428571429% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_7{width: calc(28.57142857142857% - 10px) !important; margin: 5px; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_7{width: calc(42.85714285714286% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_7{width: calc(57.14285714285714% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_5_7{width: calc(71.42857142857143% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_6_7{width: calc(85.71428571428571% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_7_7{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_8, .ml_grid_8{width: calc(12.5% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_8{width: calc(25% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_8{width: calc(37.5% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_8{width: calc(50% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_5_8{width: calc(62.5% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_6_8{width: calc(75% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_7_8{width: calc(87.5% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_8_8{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_9, .ml_grid_9{width: calc(11.11111111111111% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_9{width: calc(22.22222222222222% - 10px) !important; margin: 5px; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_9{width: calc(33.33333333333333% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_9{width: calc(44.44444444444444% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important;} .ml_grid_5_9{width: calc(55.55555555555556% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_6_9{width: calc(66.66666666666667% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_7_9{width: calc(77.77777777777778% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_8_9{width: calc(88.88888888888889% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_9_9{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_10,.ml_grid_10{width: calc(10% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_2_10{width: calc(20% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_3_10{width: calc(30% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_4_10{width: calc(40% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_5_10{width: calc(50% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_6_10{width: calc(60% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_7_10{width: calc(70% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_8_10{width: calc(80% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_9_10{width: calc(90% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_10_10{width: calc(100% - 10px) !important; margin: 5px !important; float:left !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } .ml_grid_1_3_login{width: calc(33.33333333333333% - 10px) !important; margin-top: calc(10%) !important; margin-left: calc(33.33333333333333% - 10px) !important; float: left; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; -o-box-sizing: border-box !important; -ms-box-sizing: border-box !important; box-sizing: border-box !important; } /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= Tinymce =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /*.mce-btn-group button{padding:4px 8px !important} .mce-tinymce{clear:both !important; width:calc(100%) !important; min-height:170px; border:0; height:100px !important; display:block !important; margin-top:10px !important;} .mce-tinymce.mce-container.mce-panel{height:170px !important;} .mce-container.mce-panel.mce-floatpanel{z-index: 100001 !important;} .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{display:none;}*/ /* ml_frm_label_container j_frmlabel_container ml_grid_1 */ .ml_frm_label_container.j_frmlabel_container.ml_grid_1 > .mce-tinymce{top: 24px; margin-bottom: 25px;} .ml_grid_container .j_frm_desc.mask-tinymce > button{top: 50px;} /* .ml_grid_1 .mce-btn-group button{padding:4px 8px !important} */ /* .ml_grid_1 .mce-tinymce{clear:both !important; min-height:50px; border:0; height:100px !important; position:static; display:block !important; float:left !important; margin-top:15px !important;} */ /* .ml_grid_1 .mce-toolbar-grp.mce-container.mce-panel.mce-stack-layout-item.mce-first{width:100%; padding:10px 5px 0 5px; height:auto; overflow-y:auto; position:absolute !important; top:10px !important; left:0 !important; z-index:2;} */ /* .ml_grid_1 .mce-tinymce iframe{position:absolute; top:65px; left:0; z-index:1; height:calc(100% - 65px) !important; width:100% !important; clear:both !important;} */ /* .ml_frm_label_container.j_frmlabel_container.ml_grid_1 > .mce-tinymce .mce-container.mce-panel.mce-floatpanel.mce-popover.mce-bottom.mce-start{z-index: 99990 !important;} */ /* .mce-menu .mce-menu-item{background:#006630 !important;} */ /* .ml_modal_lg_container > .mce-menu .mce-menu-item{z-index:99999999999990 !important;} */ .ml_grid_1 .mce-statusbar.mce-container.mce-panel.mce-stack-layout-item.mce-last{display:none;} .mce-container.mce-panel.mce-floatpanel{z-index:999990 !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= BOOTS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /** Load em campos autocomplete */ .ui-autocomplete-loading {background: white url('../_imagens/_template/loader.gif') right center/25px 25px no-repeat !important;} /** Barra de aviso atualizacao session */ .j_ml_callback_atualizacao{background:#1abb9c; height:2px; width:0%; position: absolute; top:0; left:0;} /** Icones menu lateral admin */ .side-menu i{font-size: 16px !important;} .child_menu i{font-size:12px !important;} .child_menu span.fa-chevron-down{position:absolute !important; top:6px !important; right:0 !important;} .child_menu .child_menu li.active a{border-right:4px solid #1abb9c;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= POPOVER =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .popover{position: fixed; top: 0; left: 0; z-index:99999; display: block; width: 236px; padding: 1px; white-space: normal; background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; -o-background-clip: padding-box; -ms-background-clip: padding-box; background-clip: padding-box;} .popover.top{margin-top: -10px;} .popover.right{margin-left: 10px;} .popover.bottom{margin-top: 10px;} .popover.left{margin-left: -10px;} .popover-title{padding: 8px 14px; margin: 0; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; color:#4c4c4c !important; font-weight: bold !important; border-bottom: 1px solid #ebebeb; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; -ms-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;} .popover-content{padding: 9px 9px !important; text-align: left !important; color:#4c4c4c !important;} .popover-content p, .popover-content ul, .popover-content ol{margin-bottom: 0; color:#4c4c4c !important;} .popover .arrow, .popover .arrow:after{position: absolute; display: inline-block; width: 0; height: 0; border-color: transparent; border-style: solid;} .popover .arrow:after{z-index: -1; content: "";} .popover.top .arrow{bottom: -10px; left: 50%; margin-left: -10px; border-top-color: #ffffff; border-width: 10px 10px 0;} .popover.top .arrow:after{bottom: -1px; left: -11px; border-top-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 0;} .popover.right .arrow{top: 50%; left: -10px; margin-top: -10px; border-right-color: #ffffff; border-width: 10px 10px 10px 0;} .popover.right .arrow:after{bottom: -11px; left: -1px; border-right-color: rgba(0, 0, 0, 0.25); border-width: 11px 11px 11px 0;} .popover.bottom .arrow{top: -10px; left: 50%; margin-left: -10px; border-bottom-color: #ffffff; border-width: 0 10px 10px;} .popover.bottom .arrow:after{top: -1px; left: -11px; border-bottom-color: rgba(0, 0, 0, 0.25); border-width: 0 11px 11px;} .popover.left .arrow{top: 50%; right: -10px; margin-top: -10px; border-left-color: #ffffff; border-width: 10px 0 10px 10px;} .popover.left .arrow:after{right: -1px; bottom: -11px; border-left-color: rgba(0, 0, 0, 0.25); border-width: 11px 0 11px 11px;} /* Personalizando popover */ .popover .popover-title{font-size:14px !important;} .popover .popover-content{float:left; width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} .popover .popover-content p{float:left; width:100%; background: transparent !important; font-size:15px !important; font-weight: normal !important; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= TOOLTIP =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .tooltip{position: fixed; z-index:99999; display: block; padding: 5px; font-size: 12px; opacity: 0; filter: alpha(opacity=0); visibility: visible; width:auto !important;} .tooltip.in{opacity: 0.8; filter: alpha(opacity=80);} .tooltip.top{margin-top: -3px;} .tooltip.right{margin-left: 3px;} .tooltip.bottom{margin-top: 3px;} .tooltip.left{margin-left: -3px;} .tooltip-inner{max-width: 200px !important; padding: 8px 14px; color: #ffffff; text-align: center; font-family: 'opensans' !important; font-size:12px !important; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;} .tooltip-arrow{position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;} .tooltip.top .tooltip-arrow{bottom: 0; left: 50%; margin-left: -5px; border-top-color: #000000; border-width: 5px 5px 0;} .tooltip.right .tooltip-arrow{top: 50%; left: 0; margin-top: -5px; border-right-color: #000000; border-width: 5px 5px 5px 0;} .tooltip.left .tooltip-arrow{top: 50%; right: 0; margin-top: -5px; border-left-color: #000000; border-width: 5px 0 5px 5px;} .tooltip.bottom .tooltip-arrow{top: 0; left: 50%; margin-left: -5px; border-bottom-color: #000000; border-width: 0 5px 5px;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-= MEDIA QUERIES (RESPONSIVIDADE) =-=-=-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ @media screen and (max-width: 768px) { /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= GRIDS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_grid_1_1, .ml_grid_1, .ml_grid, .ml_grid_1_2, .ml_grid_2, .ml_grid_2_2, .ml_grid_1_3, .ml_grid_3, .ml_grid_2_3, .ml_grid_3_3, .ml_grid_1_4, .ml_grid_4, .ml_grid_2_4, .ml_grid_3_4, .ml_grid_4_4, .ml_grid_1_5, .ml_grid_5, .ml_grid_2_5, .ml_grid_3_5, .ml_grid_4_5, .ml_grid_5_5, .ml_grid_1_6, .ml_grid_6, .ml_grid_2_6, .ml_grid_3_6, .ml_grid_4_6, .ml_grid_5_6, .ml_grid_6_6, .ml_grid_1_7, .ml_grid_7, .ml_grid_2_7, .ml_grid_3_7, .ml_grid_4_7, .ml_grid_5_7, .ml_grid_6_7, .ml_grid_7_7, .ml_grid_1_8, .ml_grid_8, .ml_grid_2_8, .ml_grid_3_8, .ml_grid_4_8, .ml_grid_5_8, .ml_grid_6_8, .ml_grid_7_8, .ml_grid_8_8, .ml_grid_1_9, .ml_grid_9, .ml_grid_2_9, .ml_grid_3_9, .ml_grid_4_9, .ml_grid_5_9, .ml_grid_6_9, .ml_grid_7_9, .ml_grid_8_9, .ml_grid_9_9, .ml_grid_1_10, .ml_grid_10, .ml_grid_2_10, .ml_grid_3_10, .ml_grid_4_10, .ml_grid_5_10, .ml_grid_6_10, .ml_grid_7_10, .ml_grid_8_10, .ml_grid_9_10, .ml_grid_10_10, .ml_grid_1_3_login{width: calc(100% - 10px) !important; margin: 5px !important;} /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ /* =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-= TABELAS =-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */ /* =-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-==-=-=-=-=-=-=-=-=-= */ .ml_table{margin: auto; display: block !important; position: relative; width: 100%; float:none !important;} .ml_table thead, .ml_table tbody, .ml_table th, .ml_table td, .ml_table tr{display: block; width:auto !important;} /** ajuste - RafaSima - 07/08/2022*/ .ml_table td, .ml_table th{min-height: 80px; height:auto; overflow: visible !important; width:auto !important;} .ml_table thead{float: left; width:auto;} .ml_table thead td, .ml_table thead th{text-align: right !important;} .ml_table tbody{width: 100%; position: relative; border:1px solid #ccc; overflow-x: auto; -webkit-overflow-scrolling: touch; white-space: nowrap;} .ml_table tbody tr{display: inline-block; width:auto; border-right:1px solid #ccc;} /** ajuste - RafaSima - 07/08/2022*/ .ml_table tbody tr td{min-width: 55px; float:left !important; width:auto; clear: both !important;} .ml_table .j_div_btn_action{display: inline-block !important; float:left !important; max-width:100%; min-width: 10px !important;} .ml_table .j_div_btn_action > a{float:left !important; width: calc(33.33333333333333% - 10px) !important; margin:5px !important; padding:0 !important;} .ml_table tfoot{float:left; width:100%; margin-top:10px; border:0;} .ml_table tfoot tr, .ml_table tfoot td, .ml_table tfoot th{border-color: transparent !important;} .ml_table tbody tr:hover{border-left:0; background:#efefef !important;} } @media screen and (max-width: 670px) { .ml_form .ml_label_content .ml_label.ml_label_txtbtn button{width:12.5%;} .ml_form .ml_label_content .ml_label.ml_label_txtbtn input{padding-right: 12.5% !important;} } @media screen and (max-width: 400px) { .ml_form .ml_label_content .ml_label.ml_label_txtbtn button{width:14%;} .ml_form .ml_label_content .ml_label.ml_label_txtbtn input{padding-right: 14% !important;} } /** ==// RafaSima - 04/08/2022 - ajusta label quando for tela menores \\== */ @media screen and (max-width: 1390px){ .ml_form_vertical .ml_frm_label_container span, span::before, span::after { box-sizing:border-box;height:28px;line-height:16px;margin-bottom:6px;display:inline-block;white-space: wrap;/* overflow: hidden; */text-overflow: ellipsis;direction:ltr;} }