@font-face { font-family: 'Open Sans';
             font-style: normal;
             font-weight: 400;
             src:  url('fonts/default.ttf'); }
*{font-family: "Open Sans", sans-serif;}
html{border:0;margin:0;padding:0}
html, body {min-height: 100%;}
body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,u,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,nav,section{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
ol,ul,li{list-style:none}
article,aside,details,figcaption,figure,dialog,footer,header,hgroup,menu,nav,section{display:block}
caption{text-align:left;font-weight:400;float:none!important}
blockquote:before,blockquote:after,q:before,q:after{content:''}
a,u{text-decoration: none}
a:visited,a:link,a:active{text-decoration:none;color: #000000}
img{margin:0;padding:0; border:0}
:focus{outline:0} 
.str_upper{text-transform: uppercase}
.str_lower{text-transform: lowercase}
.clear{ clear: both;
        display: flex !important;
        margin: auto !important;}
.pad_b_0{padding-bottom: 0 !important;}
.d_n{display: none}
.d_b{display: block}
.fleft{float: left}
.fright{float: right}
.mt0{margin-top: 0 !important;}
.spr{ background-image: url("../img/sprite.png?v=1.005"); background-size: 770px 350px; background-repeat: no-repeat} 
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), 
only screen and (min--moz-device-pixel-ratio: 1.5), 
only screen and (min-resolution: 240dpi) {.spr{ background-image: url("../img/sprite@2x.png?v=1.005");}}
.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}
.fade {opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.fade.in {opacity: 1;}
.modal-open {overflow: hidden;}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;display: none;overflow: auto;overflow-y: scroll;}
.modal.fade .modal-dialog {-webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);transform: translate(0, -25%);-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);transform: translate(0, 0);}
.modal-dialog {position: relative;z-index: 1050;width: auto;padding: 3%;margin-right: auto;margin-left: auto; text-align: center;}
.bootbox.small .modal-dialog{padding: 3% 20%; max-width: 600px;}
.modal-content{ border-radius: 5px;height: auto !important; max-width: 1500px; display: inline-block; margin-bottom: 50px;position: relative;background-color: #ffffff;border: 1px solid #999999;border: 1px solid rgba(0, 0, 0, 0.2);outline: none;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box; width: 100%}
.modal-content.small{ max-width: 800px;}
.modal-backdrop {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1030;background-color: #000000;}
.modal-backdrop.fade {opacity: 0;filter: alpha(opacity=0);}
.modal-backdrop.in {opacity: 0.5;filter: alpha(opacity=50);}
.modal-header {background-color: #f1f1f1;min-height: 16.428571429px;padding: 10px 15px;border-bottom: 1px solid #e5e5e5;border-radius: 6px 6px 0 0;}
.modal-header h4{line-height: 1.42857;margin: 0;font-size: 17px;font-weight: 500; text-align: left; color: #6f6f6f;}
.modal-header .close {margin-top: 2px;}
.modal-title {margin: 0;line-height: 1.428571429;}
.modal-body {position: relative;}
.modal-footer {padding: 10px 15px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer:before,
.modal-footer:after {display: table;content: " ";}
.modal-footer:after {clear: both;}
.modal-footer:before,
.modal-footer:after {display: table;content: " ";}
.modal-footer:after {clear: both;}
.modal-footer .btn + .btn {margin-bottom: 0;margin-right: 5px;}
.modal-footer .btn-group .btn + .btn {margin-left: -1px;}
.modal-footer .btn-block + .btn-block {margin-left: 0;}
.modal-footer .btn {float: right;}
.close {float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000000;text-shadow: 0 1px 0 #ffffff;opacity: 0.2;filter: alpha(opacity=20);}
.close:hover,
.close:focus {color: #000000;text-decoration: none;cursor: pointer;opacity: 0.5;filter: alpha(opacity=50);}
button.close {padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;}
@media only screen and (max-width : 750px){ 
    .bootbox.small .modal-dialog { padding: 3% 10%;}
}
@media only screen and (max-width : 400px){ 
    .bootbox.small .modal-dialog { padding: 3%;}
}
div.up_down{}
div.up_down button{ background-color: #5cb85c;
                    border: medium none;
                    border-radius: 50%;
                    color: #fff;
                    cursor: pointer;
                    font-size: 14px;
                    height: 35px;
                    margin: 0 5px;
                    width: 35px;}
div.up_down button:hover{}
div.max_less div.up_down button{ background-color: #4682b4;}
div.max_warning div.up_down button{ background-color: #980a0f;}
div.max_less div.up_down button.g,
div.max_warning div.up_down button.g{ background-color: #b0b0b0;}
div.up_down button.g{ background-color: #b0b0b0;
                      border-radius: 0;
                      font-size: 12px;
                      width: auto;}
div.up_down button.g:hover{}
div.up_down b{ color: #5a5a5a;
               font-size: 16px;
               font-weight: normal;
               margin: 0 10px;}
#paginator{ box-sizing: border-box;
            float: left;
            margin: 0 1%;
            padding: 14px 0 9px;
            width: 98%;}
#paginator a,#paginator a:link,
#paginator a:active,
#paginator span{background-color: #676767;
                border-radius: 3px;
                color: #ffffff;
                float: left;
                font-size: 13px;
                margin: 0 3px;
                padding: 6px 16px;} 
#paginator span{ background-color: #4682B4;
                 font-size: 15px;
                 font-weight: bold;
                 line-height: 25px;
                 margin-top: -5px;}
#paginator a:hover{ background-color: #4682B4;}
#__message { position: fixed;
             text-align: center;
             width: 100%;
             z-index: 99999;}
#__message .mess{ border-radius: 3px;
                  display: inline-block;
                  margin-top: 15px;
                  max-width: 79%;
                  opacity: 0.95;
                  padding: 15px 35px 15px 15px;
                  position: relative;
                  text-align: left;}
#__message .mess i{ background-position: 0px -25px;
                    cursor: pointer;
                    height: 15px;
                    margin-top: -7px;
                    opacity: 0.23;
                    position: absolute;
                    right: 10px;
                    top: 50%;
                    width: 15px;}
#__message .mess i:hover{opacity: 0.6}
#__message .mess p{ font-size: 15px;
                    line-height: 20px;
                    text-align: left; }
#__message .info_1 { background-color: #96dad9;}
#__message .info_1 p{ color: #357978;} 
#__message .attention_1 {    background-color: #fcfd95;}
#__message .attention_1 p{  color: #8d8e26;} 
#__message .success_1 { border-color: #4F8A10;
                        background-color: #DFF2BF; }
#__message .success_1 p{ color: #4F8A10} 
#__message .error_1 {  background-color: #f24f2e;}
#__message .error_1 p{ color: #f4dbba;}  
#tooltipIcon{ background-color: rgba(0, 0, 0, 0.75);
              border: 1px solid #000;
              font-size: 13px;
              padding: 5px 10px;
              text-align: center;
              border-radius: 3px;
              color: #fff;
              display: none; 
              position: relative;}
#tooltipIcon > i{ height: 6px;
                  left: 50%;
                  margin-left: -5px;
                  position: absolute;
                  width: 10px;}
#tooltipIcon > i.ico{ background-position: -25px -25px; top: -7px;}
#tooltipIcon > i.icod{ background-position: -40px -25px; bottom: -7px; }
.tooltip_img{ max-width: 150px; vertical-align: top;  padding: 5px 0;}
.imitCover{overflow:hidden}
.wh{height:100%!important}
.ww{width:100%!important}
.bootbox-body span{ color: #444;
                    display: inline-block;
                    font-size: 17px;
                    padding: 20px;}
body{ background-color: #e6e6e6; text-align: center}
.mc{ display: inline-block;
     max-width: 1200px;
     text-align: center;
     vertical-align: top;
     width: 100%;}
form div{ float: left;
          margin: 20px 5% 0;
          position: relative;
          z-index: 0;             
          width: 90%;} 
div input[type="text"], 
div input[type="password"], 
div textarea,
div select{ position: relative;
            border: 1px solid #c1c2c4;
            border-radius: 2px;
            box-sizing: border-box;
            font-size: 14px;
            height: 37px; 
            line-height: 37px;
            padding: 0 10px;
            max-width: 100%;
            min-width: 100%;
            width: 100%;}
div textarea{ max-width: 100%;
              min-height: 100px;
              height: auto}
div small.s{ background-color: #fff;
             transition: all 0.5s ease-in-out 0s;
             color: #a5a5a5;
             font-size: 11px;
             padding: 0 3px;
             position: absolute;
             right: 18px;
             top: -8px;
             z-index: 1;}
div span.e{ color: #f75656;
            font-size: 13px;
            float: left;
            text-align: left;
            margin: 10px 10px 0 10px;
            display: none;} 
div label.r,
div label.ra{ cursor: pointer;
              display: inline-block;  
              text-align: left;} 
div label.r i,
div label.ra i{ background-position: 0px 0px;
                float: left;
                left: inherit;
                position: relative;
                top: inherit;
                opacity: 0.9;
                height: 20px;
                width: 22px;}
div label.r i.ch{ background-position: -30px 0;}  
div label.r.blue i.ch{ background-position: -120px -40px;}  
div label.ra i{ background-position: -70px 0px; width: 20px;} 
div label.ra i.ch{ background-position: -100px 0px;} 
div label.ra.blue i.ch{ background-position: -90px -40px;} 
div label.r span,
div label.ra span{ color: #767676;
                   display: inline;
                   font-size: 14px;
                   line-height: 22px;
                   margin-left: 5px;}
form span.error,
div span.error{ color: #f75656;
                display: none;
                float: left;
                font-size: 14px;
                margin: 0 10px 10px;
                text-align: left;
                width: 90%;}   

.header_cont{ background-color: #fff;
              display: inline-block;
              vertical-align: top;
              width: 100%;}
.header_cont .main_header{display: inline-block;
                          max-width: 1200px;
                          text-align: left;
                          vertical-align: top;
                          width: 100%;}
.header_cont .main_header a.logo{  display: inline-block;
                                   vertical-align: top;}
.header_cont .main_header a.logo img{ display: inline-block;
                                      height: 60px;
                                      vertical-align: top;
                                      margin-top: 10px;}
.header_cont .main_header .menu_out{  float: right;}
.header_cont .main_header .menu_out ul{}
.header_cont .main_header .menu_out ul li{ display: inline-block;}
.header_cont .main_header .menu_out ul li a{  line-height: 90px;
                                              padding: 25px;
                                              color: #606060;
                                              cursor: pointer;}
.header_cont .main_header .menu_out ul li:hover a,
.header_cont .main_header .menu_out ul li.sel a{    color: #b90000;}
.header_cont .main_header .menu_out ul li a i{ width: 16px;
                                               height: 18px;
                                               display: inline-block;
                                               background-position: -465px -70px;
                                               vertical-align: sub;}
.header_cont .main_header .menu_out ul li:hover a i{ background-position: -485px -70px;}
.main_cont{display: inline-block;
           vertical-align: top;
           width: 100%;}
.main_cont .cent{display: inline-block;
                 max-width: 1200px;
                 text-align: left;
                 vertical-align: top;
                 width: 100%;}

.menu.men_2 { border-bottom: 1px dashed #a9a9a9; }
.menu{ box-sizing: border-box;
       float: left;
       padding: 20px 0px;
       width: 100%;}
.menu .itm{ width: auto;
            border: none;
            float: left;
            margin: 5px;}
.menu .itm a{ background-color: #4682b4;
              border-radius: 2px;
              display: inline-block;
              padding: 15px;} 
.menu .itm a:hover{ background-color: #306c9e;}
.menu.men_2 .itm._15 a{background-color: #F13747}
.menu.men_2 .itm._15 a:hover{background-color: #D01626}
.menu .itm a i{ background-position: 0 -40px;
                display: inline-block;
                height: 30px;
                margin-right: 5px;
                vertical-align: top; }
.menu .itm._01 i{ width: 26px; background-position: -160px 0px;}
.menu .itm._02 i{ width: 19px; background-position: -255px 0px;}
.menu .itm._03 i{ width: 14px; background-position: -280px 0px;}
.menu .itm._04 i{ width: 23px; background-position: -195px 0px;}
.menu .itm._05 i{ width: 38px; background-position: -190px -75px;}
.menu .itm._06 i{ width: 31px; background-position: -320px 0px;}
.menu .itm._07 i{ width: 31px; background-position: -345px -80px;}
.menu .itm._08 i{ width: 8px; background-position: -65px -30px;}
.menu .itm._09 i{ width: 29px; background-position: -380px -80px;}
.menu .itm._10 i{ width: 40px; background-position: -40px -70px;}
.menu .itm._11 i{ width: 26px; background-position: -90px -70px;}
.menu .itm._12 i{ width: 20px; background-position: -280px -75px;}
.menu .itm._13 i{ width: 30px; background-position: -240px -70px;}
.menu .itm._14 i{ width: 27px; background-position: -310px -75px;}
.menu .itm._15 i{ width: 29px; background-position: -425px -75px;}
.menu .itm._16 i{ width: 24px; background-position: -510px -70px;}
.menu .itm a span{ color: #fff;
                   display: inline-block;
                   float: none;
                   height: 30px;
                   padding: 0;
                   font-size: 14px;
                   width: auto;
                   line-height: 30px;} 
h1.main_tit{ color: #306c9e;
             float: right;
             font-size: 14px;
             line-height: 30px;
             margin: 10px;
             padding: 5px 10px;}
h1.main_tit strong{ color: #000;
                    margin-left: 10px;}
#add_new{ float: right;
          margin: 10px;}
span.back{ display: block;
           padding: 10px;
           text-align: left;}
span.back a{ background-color: #fff;
             border: 1px solid #8e8e8e;
             border-radius: 3px;
             color: #525252;
             display: inline-block;
             line-height: 30px;
             padding: 10px 15px;}
span.back a i{ background-position: -365px 0;
               display: inline-block;
               height: 30px;
               margin-right: 5px;
               opacity: 0.6;
               vertical-align: middle;
               width: 30px;} 
ul.lst{ background-color: #fff;
        margin: 10px;
        padding: 5px;
        text-align: left;}
ul.lst li{ border-bottom: 1px solid #cccccc;
           box-sizing: border-box;
           color: #5d5d5d;
           cursor: pointer;
           display: inline-block;
           padding: 5px;
           vertical-align: top;
           width: 100%;}
ul.lst li.title{ cursor: default}
ul.lst li.title,
ul.lst li.title:hover{ background-color: #4682b4;
                       border-bottom: medium none;
                       color: #fff;}
ul.lst li.par{ background-color: #ececec;}
ul.lst li:hover,
ul.lst li.par:hover,
ul.lst li.sel{ background-color: #ffeec3;}
ul.lst li.title span{ border-right: 1px solid;}
ul.lst li.title span:last-child{ border-right: none;}
ul.lst li.title span.op{ text-align: right}
ul.lst li a{ width: 100%; display: inline-block; vertical-align: top; color: #5d5d5d;}
ul.lst li span{ box-sizing: border-box;
                float: left;
                font-size: 14px;
                padding: 0 5px;
                min-height: 1px;
                overflow: hidden;
                text-overflow: ellipsis;}
ul.lst li span b{}
ul.lst li span b.tag{ background-color: #EEEEEE;
                      color: #4682B4;
                      font-weight: normal;
                      padding: 1px 5px;
                      margin: 1px;
                      border-radius: 4px;
                      font-size: 11px;} 
ul.lst li span.img,
ul.lst li a.img{ padding: 0}
ul.lst li span.col_100{ width: 100%;}
ul.lst li span.col_90{ width: 90%;}
ul.lst li span.col_80{ width: 80%;}
ul.lst li span.col_70{ width: 70%;}
ul.lst li span.col_60{ width: 60%;}
ul.lst li span.col_50{ width: 50%;}
ul.lst li span.col_45{ width: 45%;}
ul.lst li span.col_40{ width: 40%;}
ul.lst li span.col_35{ width: 35%;}
ul.lst li span.col_30{ width: 30%;}
ul.lst li span.col_25{ width: 25%;}
ul.lst li span.col_20{ width: 20%;}
ul.lst li span.col_15{ width: 15%;}
ul.lst li span.col_10{ width: 10%;}
ul.lst li span.col_5{ width: 5%;}
ul.lst li span.col_05{ width: 5%;}
.perfil_img,
.accesorio_img{ border: 1px solid #ccc;
                display: inline-block;
                max-width: 300px;
                position: relative;}
.perfil_img form,
.accesorio_img form{ background-color: #fff;
                     background-position: -151px -36px;
                     border: 1px solid #141414;
                     cursor: pointer;
                     height: 20px;
                     opacity: 0.6;
                     overflow: hidden;
                     padding: 4px;
                     position: absolute;
                     right: 10px;
                     top: 10px;
                     transition: opacity 0.2s linear 0s;
                     width: 20px;}
.perfil_img form input,
.accesorio_img form input{ border: 0 none;
                           cursor: pointer;
                           float: left;
                           height: 100%;
                           left: 0;
                           opacity: 0;
                           padding: 0;
                           position: absolute;
                           top: 0;
                           width: 100%;}
.perfil_img img,
.accesorio_img img{ background-color: #fff;
                    display: inline-block;
                    vertical-align: top;
                    width: 100%; }
ul.lst li span img{ vertical-align: top;
                    max-width: 50px;
                    width: 100%;}
ul.lst li span.opts{}
ul.lst li span.opts i{ float: right;
                       opacity: .7;
                       width: 20px;
                       cursor: pointer;
                       height: 20px;
                       margin-left: 15px;}
ul.lst li span.opts i.vi{ width: 30px; background-position: -425px 0;}
ul.lst li span.opts i.ed{ background-position: -400px 0;}
ul.lst li span.opts i.re{ background-position: -460px 0;}
ul.lst li span.opts i.sh{ background-position: -490px 0;}
ul.lst li span.opts i.co{ background-position: -515px 0;}
ul.lst li span.opts i.li{ background-position: -540px 0;}
ul.lst li span.opts i.si{ width: 17px; background-position: -565px 0;}
ul.lst li span.opts i.pr{ width: 11px; background-position: -590px 0;}
ul.lst li span.opts i.ac{ background-position: -610px 0;}
ul.lst li span.opts i.ti{ background-position: -640px 0;}
ul.lst li span.opts i.pe{ background-position: -670px 0;}
ul.lst li span.opts i.la{ width: 24px; background-position: -415px -25px;}
ul.lst li span.opts i.it{ width: 29px; background-position: -585px -30px;}
ul.lst li span.opts i.ab{ width: 21px; background-position: -550px -75px;}
ul.lst li span.opts i.al{ width: 51px; background-position: -580px -75px;}
ul.lst li span.opts i.ex{ background-position: -640px -70px;}
ul.lst li span.opts i:hover{ opacity: 1}
.modal div.edit_fields{ padding: 20px;}
.modal div.form{ padding: 5px 0; 
                 text-align: left; 
                 color: #7e7e7e;} 
.modal div.form._20,
.modal div.form._50{ padding:5px;
                     box-sizing: border-box;
                     float: left;} 
.modal div.form._20{ width: 20%;}
.modal div.form._50{ width: 50%;}
#modal-edit .modal-body div.form.no_bor{padding: 0;}
#modal-edit .modal-body div.form.no_bor label{padding: 10px 0;
                                              margin-right: 5px;}
#modal-edit .modal-body div.form.no_bor label span{border: none;
                                                   margin: 0 0 0 5px;
                                                   padding: 0;}
#modal-edit .modal-body div.form.no_bor label strong{}
h4.modal-title strong{ color: #4682b4;}
.sis_cont,
.perf_cont,
.tipoperf_cont,
.tipoacc_cont,
.precios_cont,
.acc_cont,
.largos_cont,
.tip_cont{ display: inline-block; vertical-align: top;  width: 100%;}
.sis_cont label,
.perf_cont label,
.tipoperf_cont label,
.tipoacc_cont label,
.acc_cont label,
.precios_cont label,
.tip_cont label,
.largos_cont label{ padding: 15px;
                    box-sizing: border-box;
                    vertical-align: top;
                    width: 25%;}
.precios_cont label,
.largos_cont label{ width: auto;}
.buscador{
    background-color: #fff;
    box-sizing: border-box;
    display: block;
    margin: 10px 10px 0;
    padding: 10px;
    position: relative;
}
.buscador .txt{
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 0;
    padding-right: 40px;
    width: 100%;
}
.buscador .txt input{
}
.buscador .btn_div{
    float: left;
    margin: 0;
    position: absolute;
    right: 10px;
    top: 10px;
    width: auto;
}
.buscador .btn_div button{
    background-color: #fff;
    background-position: -700px 0;
    border: medium none;
    height: 30px;
    opacity: 0.4;
    cursor: pointer;
    width: 30px;
}
.buscador .btn_div button:hover{
    opacity: 0.8;
} 
.filtros_listado_search h2{
    background-color: #fff;
    border-top: 1px dashed #cdcdcd;
    box-sizing: border-box;
    color: #980a0f;
    display: block;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    margin: 0 10px;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.filtros_listado_search h2 a{ background-position: -460px 0;
                              display: inline-block;
                              height: 20px;
                              opacity: 0.4;
                              vertical-align: text-top;
                              width: 20px;
                              padding: initial;
                              border-radius: 0;
                              background-color: #fff;
                              font-size: initial;
                              margin: 0 0 0 5px; }
.filtros_listado_search h2 a:hover{
    opacity: 0.8
}
.filtros_listado_search h2 strong{
    color: #4682b4;
    font-weight: normal;
}
.sistemas_cont{}
.sistemas_cont label{ color: #4682b4;
                      display: block;
                      line-height: 30px;
                      margin-top: 10px;
                      vertical-align: top;}
.selected_sis_cont{}
#modal-tipos-perfiles .tip_per_cont label,
.selected_sis_cont label{ border-bottom: 1px solid #ccc;
                          padding-bottom: 5px;
                          width: 100%;}
#modal-tipos-perfiles .tip_per_cont label.lineal,
.selected_sis_cont label.lineal{  margin-top: 5px;}
#modal-tipos-perfiles .tip_per_cont .itm,
.selected_sis_cont .itm{ background-color: #f1f1f1;
                         border: 1px solid #e6e6e6;
                         vertical-align: top;
                         display: inline-block;
                         margin: 10px;
                         max-width: 200px;
                         padding: 10px;} 
#modal-tipos-perfiles .tip_per_cont .itm .edit_fields,
.selected_sis_cont .itm .edit_fields{   display: inline-block;
                                        padding: 0;}
#modal-tipos-perfiles .tip_per_cont .itm .edit_fields .form,
.selected_sis_cont .itm .edit_fields .form{ text-align: left;
                                            padding: 0;}
#modal-tipos-perfiles .tip_per_cont .itm .edit_fields .form small,
.selected_sis_cont .itm .edit_fields .form small{ color: #7e7e7e;}
.selected_sis_cont button{ float: right;
                           margin: 10px;}
.precios_addnew_cont{}
.precios_addnew_cont label,
.largos_addnew_cont label,
.proveedor_compra_addnew_cont label,
.moneda_compra_addnew_cont label{ padding: 15px 15px 0;}
.footer_cont{ background-color: #fff;
              color: #434343;
              font-size: 13px;
              margin-top: 80px;
              padding: 10px 80px;}
.filtros_listado{ padding: 10px 10px 0;
                  text-align: left;}
.filtros_listado a{ background-color: #4682b4;
                    border-radius: 4px;
                    color: #fff;
                    display: inline-block;
                    font-size: 14px;
                    margin: 2px 0;
                    padding: 5px 15px;}
.filtros_listado a:hover{}
.filtros_listado a.sel{ background-color: #47a447;}
.filtros_listado a.sel:hover{}

#modal-edit .modal-body div.compra_cont{text-align: left;}
#modal-edit .modal-body div.total_cont{ background-color: #DCF8C6;
                                        text-align: right;}
#modal-edit .modal-body div.total_cont label{ color: #597543;}
#modal-edit .modal-body label{  color: #666; display: inline-block; font-size: 14px;
                                padding: 17px;                           
                                text-align: left;}
#modal-edit .modal-body label span{ border-right: 1px solid #afafaf;   
                                    margin-right: 5px;                
                                    padding-right: 8px;}
#modal-edit .modal-body label strong{} 
#modal-edit .modal-body label strong._pointer{cursor: pointer} 
#modal-edit .modal-body label strong._pointer:hover{color: #F13747} 
#modal-edit .add_itm{ background-position: -330px -40px;        
                      cursor: pointer;       
                      float: right;            
                      height: 40px;        
                      margin: 0 20px 15px; 
                      opacity: 0.5;    
                      width: 40px;}
#modal-edit .add_itm:hover{ opacity: 1}
.all_cont{ padding: 0 10px;
           box-sizing: border-box;
           float: left;
           width: 100%;
           margin-bottom: 20px;}
.all_cont > h2{ float: left;
                padding: 10px;
                color: #7e7e7e;}
.acc_itm_cont,
.perf_itm_cont{ display: inline-block;
                vertical-align: top;
                padding: 8px;
                border: 1px solid #c1c2c4;
                margin: 5px;
                border-radius: 3px;
                cursor: pointer;} 
.acc_itm_cont:hover,
.perf_itm_cont:hover{ background-color: #FFEEC3}
.acc_itm_cont .acc_itm,
.perf_itm_cont .perf_itm{ background-color: #fff;
                          border: 1px solid #fff;
                          border-radius: 3px;
                          padding: 10px;}
.acc_itm_cont:hover .acc_itm,
.perf_itm_cont:hover .perf_itm{ border: 1px solid #c1c2c4;} 
.acc_itm_cont .acc_itm .cont_img img,
.perf_itm_cont .perf_itm .cont_img img{height: 115px;}
.acc_itm_cont .acc_itm .cont_data,
.perf_itm_cont .perf_itm .cont_data{text-align: left; 
                                    font-size: 13px;}
.acc_itm_cont .acc_itm .cont_data h3,
.perf_itm_cont .perf_itm .cont_data h3{color: #1A92DB;
                                       max-width: 170px;
                                       margin-bottom: 5px;
                                       display: inline-block;}
.acc_itm_cont .acc_itm .cont_data span,
.perf_itm_cont .perf_itm .cont_data span{ display: block;
                                          max-width: 170px;}
.not_in_list{padding: 20px 0;
             border-top: 1px solid #ccc;
             margin-top: 20px;
             background-color: #f0f0f0;}
.not_in_list h4{}
.not_in_list h4 span{ margin-left:20px;
                      cursor: pointer;
                      color: #1A92DB;}
.not_in_list h4 span i{ background-position: -625px -30px;
                        height: 30px;
                        width: 30px;
                        display: inline-block;
                        vertical-align: middle;
                        margin-right: 5px;}
.not_in_list h4 span:hover{color: #9b0000;}
.not_in_list h4 span:hover i{ background-position: -660px -30px;}
.added_itm_list{padding: 0 10px;
                box-sizing: border-box;
                float: left;
                width: 100%;}
.added_itm_title{ padding: 0 5px;
                  float: left;
                  box-sizing: border-box;
                  font-size: 13px;
                  width: 100%;
                  background-color: #4682B4;
                  color: #fff;}
.added_itm_title span{ float: left;
                       text-align: left;
                       padding: 2px;
                       box-sizing: border-box;} 
.added_itm_title span.trig{text-align: right; }
.added_itm{ float: left;
            width: 100%;
            padding: 0 5px;
            box-sizing: border-box;}
.modal .added_itm .form{ float: left;
                         padding: 2px !important;
                         box-sizing: border-box;}
.added_itm_title span._05,
.modal .added_itm .form._05{ width: 5%;}
.added_itm_title span._10,
.modal .added_itm .form._10{ width: 10%;}
.added_itm_title span._15,
.modal .added_itm .form._15{ width: 15%;}
.added_itm_title span._20,
.modal .added_itm .form._20{ width: 20%;} 
.added_itm_title span._25,
.modal .added_itm .form._25{ width: 25%;} 
.added_itm_title span._30,
.modal .added_itm .form._30{ width: 30%;} 
.added_itm_title span._35,
.modal .added_itm .form._35{ width: 35%;} 
.added_itm_title span._40,
.modal .added_itm .form._40{ width: 40%;} 
.added_itm_title span._45,
.modal .added_itm .form._45{ width: 45%;} 
.added_itm_title span._50,
.modal .added_itm .form._50{ width: 50%;} 
.added_itm_title span._60,
.modal .added_itm .form._60{ width: 60%;} 
.added_itm_title span._70,
.modal .added_itm .form._70{ width: 70%;} 
.added_itm_title span._80,
.modal .added_itm .form._80{ width: 80%;} 
.added_itm_title span._90,
.modal .added_itm .form._90{ width: 90%;} 
.modal .added_itm .form input{ padding: 0 5px;
                               height: 25px;
                               line-height: 25px;
                               font-size: 13px;}
.all_cont span.btn{ margin-right: 10px;}
.icons_all{}
.icons_all i.spr,
.all_cont i.spr{ float: right;
                 width: 15px;
                 height: 15px;
                 margin: 5px;
                 cursor: pointer;
                 opacity: .7;}
.icons_all i.spr:hover,
.all_cont i.spr:hover{ opacity:1;}
.all_cont i.spr.re{background-position: 0 -25px;}
.all_cont i.spr.in{background-position: -250px -40px;}
.all_cont i.spr.ed{background-position: -25px -40px;}
.icons_all i.spr.edall{width: 20px; background-position: 0px -105px;}
.icons_all i.spr.reall{width: 20px; background-position: -25px -105px;}
#modal-edit .acciones{float: left;
                      margin: 20px 0px 10px 0;
                      width: 100%;
                      text-align: left;
                      border-bottom: 1px solid #ccc;
                      padding-bottom: 25px;}
#modal-edit .acciones #edit_pedido{}
.proveedor_pedido_add_cont label{ padding-right: 10px;
                                  padding-top: 10px;}
#modal-edit .modal-body .proveedor_pedido_edit_cont label{ padding: 0;}
#modal-edit .modal-body .proveedor_pedido_edit_cont label span{ border: none;}
@media only screen and (max-width : 900px){  }
@media only screen and (max-width : 800px){
    .sis_cont label,
    .perf_cont label,
    .tipoperf_cont label,
    .tipoacc_cont label,
    .acc_cont label, 
    .tip_cont label{ width: 50%;}
}  
@media only screen and (max-width : 650px){
    #modal-add div.form._50,
    #modal-edit div.form._50,
    .item_compra_cont_add div.form._50{ padding: 20px 0px;
                                        width: 100%;
                                        box-sizing: border-box;
                                        float: none;} 
}