.p0 {padding:0px;}
.pr15 {padding-right: 15px;}
.pr0 {padding-right:0px;}
.pl0 {padding-left:0px;}
.pl15 {padding-left: 15px;}
.pt30 {padding-top:30px;}
.pt15 {padding-top:15px;}
.pt10 {padding-top:10px;}
.pt3 {padding-top:3px;}
.pt5 {padding-top:5px;}
.pb18 {padding-bottom:18px;}
.pb16 {padding-bottom:16px;}
.pb15 {padding-bottom:15px;}
.pb10 {padding-bottom:10px;}
.pb7 {padding-bottom:7px;}
.pb5 {padding-bottom:5px;}
.pb3 {padding-bottom:3px;}
.pb2 {padding-bottom:2px;}
.pl10 {padding-left:10px;}
.pl30 {padding-left:30px;}

.ma{margin: auto !important;}
.mt24 {margin-top:24px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.ml0 {margin-left:0px;}
.mr0 {margin-right:0px;}
.max-h810{max-height: 810px !important;}
.max-h800{max-height: 800px !important;}
.max-h790{max-height: 790px !important;}
.max-h780{max-height: 780px !important;}
.max-h770{max-height: 770px !important;}
.max-h750{max-height: 750px !important;}
.max-h730{max-height: 730px !important;}
.max-h710{max-height: 710px !important;}
.max-h690{max-height: 690px !important;}
.max-h640{max-height: 640px !important;}
.max-h600{max-height: 600px !important;}

.mb20p{margin-bottom:20%;}

.h790{height: 790px !important;}
.h730{height: 730px !important;}
.h316{height: 316px;}
.h144 {height:144px;}
.h100 {height:100px;}
.h98 {height:98px;}
.h65 {height:65px;}
.h34 {height:34px;}
.h30 {height:30px;}
.h20 {height:20px;}
.h19 {height:19px !important;}
.h15 {height:15px !important;}
.h17 {height:17px !important;}
.h1 {height:1px;}

.h100p {height:100%;}

.w1977 {width:1977px !important}
.w1500  {width:1500px !important}
.w1300 {width:1300px !important}
.w200 {width: 125px !important;}
.w100 {width:100px !important;}
.w164 {width:164px !important;}
.w125 {width: 125px !important;}
.w112 {width: 112px !important;}
.w124 {width: 124px !important;}
.w55 {width:55px !important;}
.w50 {width:50px !important;}
.w42 {width:42px !important;}
.w37{width: 37px;}
.w36 {width:36px !important;}
.w13 {width: 13px !important;}
.w15 {width: 15px !important;}
.w17 {width: 17px !important;}
.w100p{width: 100%;}

.fs40 {font-size: 40px;}
.fs30 {font-size: 30px;}
.fs25 {font-size: 25px;}
.fs22 {font-size: 22px;}
.fs20 {font-size: 20px;}
.fs18 {font-size: 18px;}
.fs16 {font-size: 16px;}
.fs14 {font-size: 14px;}
.fs11 {font-size: 11px;}

.wpnp {white-space:nowrap;}
.textflowwlli {text-overflow: ellipsis;}
.ofhdd{overflow: hidden;}

.cmango {color: #f0ad4e;}
.fcwhite{color: white;}
.cwhite {color:white !important;}
.cblue{color:#145FB2;}
.cred {color:red;}
.cgreen {color:green}
.cgrayrgb{color: rgba(0, 0, 0, 0.5);}
/*coloresproducto catalogo*/
.bgnegro{background:#000}
.bgblanco{background: #fff}
.bgrojo{background: #ff0000}
.bgazul{background: #0000ff}
.bgpink{background: #ffc0cb;}
.bgdorado{background:#daa520;}
.sombrabgblanco{
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
}

.ml-15 {margin-left:-15px;}
.ml-10 {margin-left:-10px;}
.mtop20 {margin-top:20px;}
.mr15 {margin-right:15px;}
.mr10{margin-right:10px;}
.mt33 {margin-top:33px;}
.mt30 {margin-top:30px;}
.mt15 {margin-top:15px;}
.mt11 {margin-top:11px;}
.mt10 {margin-top:10px;}
.mt30 {margin-top:30px;}
.mt25 {margin-top:25px;}
.mt24 {margin-top:24px;}
.mt5 {margin-top:5px;}
.mb5 {margin-bottom: 5px;}
.mb33 {margin-bottom: 33px;}
.mb30 {margin-bottom: 30px;}
.mb24 {margin-bottom: 24px;}
.mb20 {margin-bottom: 20px;}
.mb10 {margin-bottom: 10px;}
.mb-6{margin-bottom: -6px;}

/* Margin top % */
.mt5 {margin-top:5%;}

.l40 {left: 40%;}
.l10 {left: 10px;}
.t40 {top: 40%;}
.t10 {top: 10%;}
.t25 {top: 25%;}
.t30 {top: 30%;}
.t-5 {top: -5px;}
.tp1{top: 1;}

.bgcgreen {background-color:green;}
.bgblue{background-color: #145FB2;}
.bgcgreenrgba {background-color:rgba(15, 255, 15, 0.16) !important;}
.bgcgray {background-color:#eee;}
.bgred {background-color: rgba(245, 4, 4, 0.15) !important;}
.bgredrgba {background-color: rgba(255, 0, 0, 0.2) !important;}


.tar{text-align: right;}
.tac{text-align: center;}

.fwbbold {font-weight:bold;}

.pabsolute{position: absolute;}

.bn{border:none;}
.bgray {border: 1px solid #cccccc; border-radius: 7px;}
.bblue {border: 1px solid #145FB2; border-radius: 7px;}
.bgreen {border: 1px solid green; border-radius: 7px;}
.bb1{border-bottom: 1px solid #145FB2;}
.bri1{border-right: 1px solid #145FB2;}
.bli1{border-left: 1px solid #145FB2;}
.bt1blue{border-top: 1px solid #145FB2;}
.bb1blue{border-bottom: 1px solid #145FB2;}
.br5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.brt5{
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.brt50p{
-webkit-border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
border-radius: 50%;
}
.brlt5{
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
}
.brlb5{
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
}

.outline0:focus {outline: 0px !important;}
.outline0 {outline: 0px !important;}
.outlinenone {outline: none !important;}
.displaynone {display:none !important}
.cpointer {cursor: pointer;}
.overflowx {overflow-x:scroll;}
.ofh {overflow: hidden !important;}
.ofy {overflow-y: auto;}
.ofxn {overflow-x: hidden;}
.resizevertical{resize: vertical;}
.resizenone{resize: none;}

.bordercolor2{border: 2px solid;}

/*Especiales*/

/*Modificación a una clase de bootstrap */
.page-header{margin: 10px 0 20px !important;}
.datepickerdemoBasicUsage {/** Demo styles for mdCalendar. */ }
.datepickerdemoBasicUsage md-content {padding-bottom: 200px; }
.datepickerdemoBasicUsage .validation-messages {font-size: 12px;color: #dd2c00;margin-left: 15px; }
a:not(.md-button):hover {color: #23527c !important;}
.md-datepicker-input-mask {width: 310px !important;}
.tdecorationunderlinenone {text-decoration:none !important;}
a:not(.md-button) {color: #337ab7 !important;text-decoration: none !important;}
.otherproduct:hover{color: white; background-color: #145FB2}
.save:hover{color: white; background-color: green}
.toe{text-overflow:ellipsis;}
.wwbw{word-wrap:break-word;}
.flex-container{display: -webkit-flex;display: flex;height: auto;}

/*Query*/

@media (min-width: 1200px) {
    .container {width: 100% !important;}
}