/*fonts*/
@font-face {
	font-family: 'Raleway-Bold';
	src: url('../fonts/original_Raleway-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/original_Raleway-Bold.woff') format('woff'),  url('../fonts/original_Raleway-Bold.ttf') format('truetype'),  url('../fonts/original_Raleway-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Light';
	src: url('../fonts/original_Raleway-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/original_Raleway-Light.woff') format('woff'),  url('../fonts/original_Raleway-Light.ttf') format('truetype'),  url('../fonts/original_Raleway-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Raleway-Medium';
	src: url('../fonts/original_Raleway-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/original_Raleway-Medium.woff') format('woff'),  url('../fonts/original_Raleway-Medium.ttf') format('truetype'),  url('../fonts/original_Raleway-Medium.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
.glyphicon {
	margin-right: 10px;
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}

.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
/*-----------------------------*\
       GENERALES
\*-----------------------------*/
body {
  overflow-x: hidden;
  font-family: 'San-Serif', sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  font-weight: 400;
  font-style: normal;
  background: url(../images/bg_login.jpg) center center no-repeat;
  background-size: cover;
  height: 100%;
}
.panel-heading {
/*    background-color: rgba(255, 255, 255, 0.85) !important;*/
    border: none;
}
.panel-heading, .panel-body, .panel, body, html {
    /* min-height: 100vh !important; */
    height: auto !important;
    height: 100%;
    margin: 0;
    padding: 0 !important;
    background: #fff;
}
#push {
    height: 106px;
}
.push {
    height: 72px;
}

header .frase {
    color: #fff;
    padding-top: 1em;
}
* {
    outline: none !important;
}
.cont_main{
    background: #FFF;
}
.panel-body{
    /* min-height: 600px; */
    height: 100% !important;
    background: #fff;
}
.cont_input{
    width: 115%;
}

.cont_input2{
    width: 105%;
}

.resp_msj{
    font-size: 22px;
    color: #9d9d9d;
    font-weight: bold;
    padding: 2px;
    /*background-color: #ccc;*/
    width: 100%;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 10px;
}

.busquedas{
    color: white;    
}
.txt_der{
    text-align:right;
}
.txt_cen{
    text-align:center;
}
.links{
    padding-top: 20px;
    font-size: 23px;
}

.color{
    background: #BDCBDE;
}

.dimension{
    width: 400px;
}

.suclogin{
    font-size: 28px;
    color: black;
    margin-top: 15px;
    font-weight:bold;
}
#compras .clearfix.visible-lg.visible-md:nth-child(odd) {
    margin: 15px 0;
    background: rgba(15, 33, 45, 0.85);
    border-radius: 5px;
}
#vntNueva .clearfix.visible-lg.visible-md:nth-child(odd) {
    margin: 15px 0;
    background: rgba(15, 33, 45, 0.85);
    border-radius: 5px;
}
#cancelVenta .clearfix.visible-lg.visible-md:nth-child(odd) {
    margin: 15px 0;
    background: rgba(15, 33, 45, 0.85);
    border-radius: 5px;
}
.cont_loading img{
    height: 20px;
}
.cont_oculto{
    display: none !important;
}
/*-----------------------------*\
       TITULOS
\*-----------------------------*/
h1 {
    text-align: left !important;
    color: #0066AB;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    /*position: relative;*/
}
h3.text-center {
    text-align: left;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
}
/*-----------------------------*\
       MENU
\*-----------------------------*/
header {
  /*padding-top: 15px;*/
  height: 50px;
  background: #CC5E1E;
  /*color: #fff;*/
}
.navbar-header {
    background: #fff;
    /*padding: 15px;*/
    /* border-bottom: 5px solid #ef8c37; */
    border-radius: 11px;
    margin: 0px 16px;
}
.nav>li>img {
    position: relative;
    z-index:1000;
}

.navbar-default .navbar-nav{
  max-height: 70vh !important;
}

.navbar-default .navbar-nav>li>a{
    /* color: #FFF; */
    font-weight: 700;
    font-size: 13px;
    color: #ffffff;
    letter-spacing: 0.1em;
    /* text-transform: uppercase; */
    /* margin-left: 17px; */
    padding: 0;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
    color: #FFF;
    background: #1B79B9;
}   
a:hover {
    color: #ef8c37 !important;
    /*font-size: .9em;*/
    font-weight: initial;
}
ul.nav.navbar-nav li:hover {
    color: #ef8c37 !important;
    background: #ffffff;
    /* padding: 13px !important; */
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
}
ul.nav.navbar-nav li:hover a {
    color: #ef8c37 !important;
}
li.home:after {
	content:  "";
    background: url(../images/iconos/home.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
/*li.home:after, li.after:hover {
    content: "";
    background: url(../../images/iconos/renta.png) center left no-repeat !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain !important;
    width: 20%;
    height: 100%;
}*/
li.renta:after {
	content:  "";
	background: url(../images/iconos/renta.png) center left no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-size: contain;
	width: 20%;
	height: 100%;
}
/*li.renta:after, li.after:hover {
    content: "";
    background: url(../../images/iconos/renta.png) center left no-repeat !important;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain !important;
    width: 20%;
    height: 100%;
}*/
li.edo_cuenta:after {
	content:  "";
    background: url(../images/iconos/cpc.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
li.perfil:after {
	content:  "";
    background: url(../images/iconos/renta.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
li.reportes:after {
	content:  "";
    background: url(../images/iconos/reporte.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
li.catalogos:after {
	content:  "";
    background: url(../images/iconos/catalogos.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
li.prospectos:after {
  content:  "";
    background: url(../images/iconos/prospectos.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
li.cerrar:after {
	content:  "";
    background: url(../images/iconos/log_out.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}
/*
ul.nav.navbar-nav li:after {
    content:  "";
    background: url(../../images/iconos/perfil.png) center left no-repeat;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    width: 20%;
    height: 100%;
}*/
/*-----------------------------*\
       LOGIN
\*-----------------------------*/
.login-form {
    position: relative;
    height: 85vh;
    top: 0;
    bottom: 0;
    width: 92%;
    padding-left: 340px;
    display: flex;
    align-items: center;
}
label {
    color: #0066ab !important;
}
form[role=login] {
    color: #5d5d5d;
    /*background: rgba(255, 255, 255, 0.84);*/
    /* border: solid 2px #fff; */
    /*padding: 26px !important;*/
    /* height: 100%; */
    /*position: absolute;*/
    bottom: 0;
    top: 0;
    /*margin: 0 auto;
    max-width: 1200px;
    width: 141%;*/
}
.form-group.col-md-12 {
    margin: 0 auto;
    max-width: 1200px;
    /* width: 86% !important; */
    justify-content: center;
    padding: 6px;
    display: flex;
    margin-left: 15px;
    margin-top: 21px;
}
/*input#usr_email, input#usr_pass {
    width: 90%;
    margin: 0 auto;
    max-width: 1200px;
    padding: 12px;
	    border-bottom: 1px solid #cc5e1e;
}*/
label.col-md-12 {
    width: 40%;
}
form[role=login] img {
    display: block;
    margin: 0 auto !important;
    margin-bottom: 20px !important;
    width: 55%;
    padding: 23px;
}
.cont_error{
    margin: 15px 0;
}
.cont_error>.alert{    
    text-align: center;
}
label {
    padding-top: 0;
    float: right;
    color: #555 !important;
}
input {
	padding: 15px;
}
label.btn.btn-primary span {
    color: #fff;
}
/*-----------------------------*\
       SECCIONES
\*-----------------------------*/
.section-internas .container .col-md-9 {
  /* top: 55px; */
  top: 25px;
  width: 72%;
}
/* RENTAS */
.menurentas a {
    color: #0066ab;
    font-weight:  bold;
    text-align:  center;
}
.col-md-4.menurentas {
    border:  1px solid;
    border-color: #cc5e1e;
    padding: 20px;
    margin: 30px;
    float:  left;
}
.menurentas a:hover {
    color: #cc5e1e !important;
    background: url(../../images/iconos/renta.png) center center no-repeat;
    content:  "";
    background-size:  contain;
    width: 50%;
    bottom: 20%;
}
/*.menurentas a:before {
    content: "";
    background: url(../images/iconos/home.png) center center no-repeat;
    background-size: contain;
    width: 55%;
    top: 0;
    height: 92px;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
}*/
/*-----------------------------*\
       BOTONES
\*-----------------------------*/
.botones {
    position: relative;
    /*top: -100px;*/
    display:  flex;
    color:  #fff !important;
}
button, input, optgroup, select, textarea {
    background: transparent;
    /*border-bottom: solid 3px #ef8c37 !important;*/
    border: none;
}
button.btn.btn-lg.btn-primary.btn-block {
    margin: 0 auto;
    /* max-width: 30%; */
    background: #0066ab;
    border: none;
    width: fit-content !important;
    border-radius: 7px;
    width: 100% !important;
    max-width: 100% !important;
    padding: 13px;
}
.btn-inicio img {
    vertical-align: middle;
    background: rgba(255, 255, 255, 0.16);
}
.btn-inicio { 
    background: black;
    text-align: left;
    padding-top: 60px;
    padding-bottom: 60px;
    margin: 20px;
}
/*.btn-inicio:hover {
    background: #1B79B9;
    background: #E81C24;
}*/
.icon_btn{
    padding: 5px;
    margin-left: -20px;
}
.btn-info {
    color: #fff;
    background-color: #0066ab;
    border-color: #46b8da;
}
.btn-info:hover {
    color: #fff;
    background-color: #0b82d2;
    border-color: #46b8da;
}
/*-----------------------------*\
       FOOTER
\*-----------------------------*/
footer {
    width: 100%;
    height: 90px;
    background: #000;
    /*position: fixed;*/
    bottom: 0;
    display:  block;
}
.footer_site{
    font-size: 77%;
}
.panel-footer{
    background: #0066AB;
    /* padding: 11px !important; */
}
.cont_iconos{
    margin: 30px 0;
}
/*-----------------------------*\
       LOGO
\*-----------------------------*/
.logo img{
    width: 50%;
}
.new_line{
    display: block;
    margin: 15px 0;
}
.logo {
    /*border-bottom: 2px solid #ef8c37;
    padding-bottom: 1em;*/
    width: 100%;
}

/*-----------------------------*\
       MEDIA QUERIES
\*-----------------------------*/


@media (min-width: 993px) {
.navbar-collapse {
    height: auto;
    border-top: 0;
    box-shadow: none;
    max-height: none;
    padding-left:0;
    padding-right:0;
}
.navbar-collapse.collapse {
    display: block !important;
    width: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
    background: #ef8c37;
}
.navbar-collapse.in {
    overflow-x: visible;
}
.navbar
{
    max-width:300px;
    margin-right: 0;
    margin-left: 0;
}	
.navbar-nav, .navbar-nav > li, .navbar-left,
.navbar-right, .navbar-header{
  float:none !important;padding: 15px 0;
}

.navbar-right .dropdown-menu {
  left:0;right:auto;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
    margin-right: 0;
}
.nav>li {
    position: relative;
    display: block;
    /* border-bottom: 1px solid #d2d2d2; */
    background: none;
}
}

@media (min-width: 768px) {
.nav>li {
    position: relative;
    display: block;
    /* border-right: 1px solid #d2d2d2; */
    padding: 10px;
    background: none;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #ef8c37;
}
}

@media (max-width: 768px) {
.nav>li {
    position: relative;
    display: block;
    /* border-right: 1px solid #d2d2d2; */
    padding: 10px;
    background: #585858;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
    color: #FFF;
    background:  #8ba0ae;
}
}

.cheks .col-md-1 {
    width: 10%;
    display: inline-block;
    vertical-align: middle;
    /*margin-top: 5%;*/
}

.dowload{
    margin-left: -30px;
    margin-top: -7px;
}

.cheks .col-md-5 {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
}

.cheks .col-md-6 {
    width: 50%;
    display: inline-block;
    vertical-align: middle;
    /*margin-top: 5%;*/
}

/******** NUEVO ********/
.pointer{
    cursor: pointer;
}
.menurentas{
    margin-top: 9%;
    /*margin-left: 10%;*/
    width: 22%;
    /* max-width: 1200px; */
    text-align: center;
    justify-content: center;
    align-items: center;
    /* float: right; */
    display: block;
    margin: 0 auto;
}

.section-internas .container {
    background: #ef8c37;
    padding: 0;
    bottom: 0;
    margin: 0 auto;
    /*max-width: 1200px;*/
    width: 100%;
    height: 100%;
    top: 0;
    /* min-height: 100vh !important; */
}
.alertas {
    margin-top: 15%;
}
.span{
    margin-top: 15px;
}

.sunsetKGR .kgrStatus, .sunsetKGR .kgrPager {
    background-color: #ffffff00 !important;
    line-height: 20px;
    padding: 11px 0 11px;
    /* border-style: solid; */
    color: #676462;
    border-width: 1px 0 1px 1px;
}
.sunsetKGR .kgrPager .kgrInfo, .sunsetKGR .kgrPager a.kgrNumSelected span, .sunsetKGR .kgrPager a.kgrNumSelected:hover span {
    /* color: #fff !important; */
}
h1:before {
    /* content: ""; */
    /* position: absolute; */
    height: 10px;
    border-bottom: 1px solid #ef8c37;
    top: 37px;
    width: 95%;
    justify-content: center;
}
.botones .col-md-4 {
    background: #cc5e1e !important;
    height: 59px;
    margin: 5px;
    /* display: inline-block; */
    text-align: center;
    color: #fff !important;
}
.col-md-4 h3 {
    color: #fff !important;
    font-size: 19px;
    font-weight: 800;
}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: rgba(0,0,0,.0001);
    background-image: none;
    border: 1px solid #ef8c37;
    border-radius: 2px;
}
form button.btn.btn-lg.btn-primary.btn-block {
    float: none !important;
}
.btn {
    /* display: inline-block; */
    padding: 2px 23px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: #ef8c37;
    /* border: 1px solid transparent; */
    border-radius: 4px;
}
.btn-primary {
    color: #fff;
    background-color: #ef8c37;
    font-size: 14px;
}
.btn.btn-primary {
    border: none !important;
    border-color: transparent !important;
    float: right;
    padding: 5px 30px;
    margin-right: 25px;
}
.btn:hover {
    /* border: none !important; Provoca shift layout */
    border-color: transparent !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #f7931e;
}
.sunsetKGR .kgrTableView {
    /* overflow: hidden; */
    font-family: arial,sans-serif;
    font-size: 12px;
    background: none repeat scroll 0 0 #FFFFFF;
    border: none;
    color: #0066ab !important;
    /* margin-top: 20px !important; */
}
form#frmRepCliente .col-md-3 {
    display: flex;
    width: 30%;
	margin-top:20px;
}
form#frmRepCliente label {
    margin-right: 12px;
    float: left;
    padding-top: 7px;
}
input#txt_fecha_fin {
    border-color: #ef8c37;
    border-radius: 2px;
    background: transparent;
}
input#txt_fecha_inicio {
    border-color: #ef8c37;
    border-radius: 2px;
    background: transparent;
}
input.btn.btn-danger {
    background: #3066ae;
    border: 0;
	margin-left: 52px;
}
input.btn.btn-danger:hover {
    background: #F7931E;
}
input#abrirPopup {
    background: #cc5e1e;
    border:  0;
}
input#abrirPopup:hover {
    background: #F7931E;
}
input#date2 {
    border-radius: 2px;
    border-color: #ef8c37;
}
input#date1 {
    border-color: #ef8c37;
    background: transparent;
    border-radius: 2px;
}

.oculto{
  display: none;
}

/*Clases error y valid para validator*/
 input{
  /*border:1px solid black;*/
  margin-bottom:.5em;
}
 input.error, select.error, textarea.error{border:1px solid red;}
 label.error{background:url('../images/error.gif') no-repeat;padding-left:16px;margin-left:.3em;}
 label.valid{background:url('../images/valid.gif') no-repeat;display:block;width:16px;height:16px;}

/************** NUEVO 20/07/18 **************/
div#contsGrid a:hover {
    color: #b94606 !important;
    font-weight: normal !important;
}
div#contsGrid {
    margin:  0% auto;
    padding: 0;
    /* float:inline-end; */
}
div#contsGrid {
    width: 100%;
    text-align: center;
    /* max-width: 900px; */
    overflow-x: auto;
}

form#frmRenta label {
    float: right;
}
form#frmPerfilCliente p {
    font-size: 13px;
}

label.btn.btn-primary {
    width: 9%;
	padding-left: 16px;
}
#table>thead>tr>th{
  color: #333;
}
.col-md-1.dowload img {
    width: 100%;
    margin: 0;
}
img.pointer {
    width: 9%;
}
form#frmPerfilCliente .col-md-6 {
    margin-right: -52px;
}
form#frmPerfilCliente .col-md-6.text-right label {
    margin-right: 48px;
    width: 86%;
    padding: 0;
}
form#frmPerfilCliente .col-md-12.text-center label {
    float: left;
}
section.section-internas {
    /* height: 100%; */
    /* display: flex; */
    justify-content: space-between;
    /* width: 100%; */
    background: #fff !important;
}

select option[disabled] { 
  color: #E4E6E7; 
  font-weight: bold 
}

.iconoDesactivar{
    width: 30px;
}

 .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #C0E5F1;
}
.table-hover  > tbody > tr:hover{
    background-color:#82DFDA 
}

.table>thead>tr>th {
  color: #1E1C1C;
}


/*CSS GRID*/
.office2010blueKGR .kgrHeader {
  background: #ef8c37 !important;
  border: none!important;
  text-align: center !important;
  text-transform: uppercase;
  font-weight: bold !important;
}
 .office2010blueKGR .kgrPager {
  background: none !important;
}
table.kgrTable, div#comunicadosGrid_mt, .office2010blueKGR .kgrTableView{
    border: none !important;
    padding: 0 2%;
    border-collapse: collapse;
}
.office2010blueKGR .kgrAltRow { 
background:none !important;
}
.kgrCell {
    border: none !important;
    border-bottom: 1px solid #ececec !important;
    text-align: left;
    padding: 9px;
    font-size: 12px;
    color: #888;
    font-family: 'Montserrat', san serif !important;
}
.sunsetKGR .kgrFilterCell {
    background: none repeat scroll 0 0 #DAE7F5 !important;
    border-style: none none solid solid !important;
    border-width: 1px !important;
    border-color: #FFFFFF #FFFFFF #8BA0BC #8BA0BC !important;
}
.office2010blueKGR .kgrPager .kgrInfo {
      color: #d2d2d2;
  }
.office2010blueKGR .kgrSortHeaderText, .office2010blueDummyHeader .kgrSortHeaderText, .office2010blueKGR .kgrHeader .kgrIn, .office2010blueDummyHeader .kgrIn {
    color: #fff !important; }
.office2010blueKGR .kgrLinkEdit {
    background-position: 0px -1697px !important;
}
.kgrIn a {
    display: inline-block;
    vertical-align: middle;
}
.office2010blueKGR .kgrPager a.kgrNumSelected span, .office2010blueKGR .kgrPager a.kgrNumSelected:hover span, .office2010blueKGR .kgrPager a.kgrNumSelected, .office2010blueKGR .kgrPager a.kgrNumSelected:hover { background:none !important;}
.office2010blueKGR .kgrFunctionPanel {
    background: none !important;
}
.office2010blueKGR .kgrRefresh a, .office2010blueKGR .kgrInsert a {
    color: #fff !important;
}
.office2010blueKGR .kgrRefresh , span.kgrInsert{
    float: none;
    background: #3066ae;
    padding: 12px;
    margin: 10px;
}
.office2010blueKGR .kgrRefresh {
    float: none !important;
}
.kgrPager.kgrNextPrevAndNumericPager {
    border: none !important;
}
.office2010blueKGR .kgrPager a.kgrNum:hover span, .office2010blueKGR .kgrPager a.kgrNum:hover {
  background:none !important;}
  span.kgrRefresh a, span.kgrInsert a {
    vertical-align: middle;
}
.office2010blueKGR .kgrFunctionPanel {
    line-height: 46px !important;
}


input.kgrEnNoPo, input.kgrFiEnTr{
  border: 1px solid rgb(169, 169, 169);
}

.contsGrid{
  max-width: 100%;
  overflow: hidden;
  overflow-x: auto;
}

.help-container {
  display: flex;
  justify-content: center;
  align-items: center;
  /* width: 50px; */
  height: 80px;
  background-color: #ffffff;
  /* border-radius: 50%; */
  cursor: pointer;
  background-color: #00b347; /* Fondo azul */
  /* border-radius: 50%; */
  cursor: pointer;
  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */ /* Sombra para darle profundidad */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.parent-conteiner-help{
  display: flex;
  justify-content: end;
}

/*.parent-conteiner-help>div{
   padding: 10px 32px 0px 0px; 
}*/

.help-icon {
  font-size: 31px;
  font-weight: bold;
  color: #ffffff;
  padding: 0 15px;
}

.help-container:hover .help-icon {
  color: #ffffff;
}

/* Modal info ayuda */

.conteiner-modal-info-ayuda{
  border: none;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  padding: 20px;
  max-width: 300px;
  min-width: 55vw;
  bottom: 10vh;
}

.conteiner-modal-info-ayuda::backdrop{
  background-color: rgba(0, 0, 0, 0.4);
}

.conteiner-close-button-modal{
  display: flex;
  justify-content: end;
}

.mensaje-ayuda {
  text-align: justify;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.cerrar-modal-info-ayuda{  
  padding: 7px 10px;
  border: solid #beb7b7 1px;
  margin: 0.70em 0.0em 0em 0em;
}

/**** nuevos 04/10/24 ****/
form#frmCambiaFecha label {
  padding-top: 10px;
}
.row {
  margin-right: 0;
  margin-left: 0;
}
.col-md-9 .panel-heading {
  padding: 10px !important;
  font-weight: 800;
  background: #cce1ef;
  text-transform: uppercase;
}
.col-md-9 .panel-body {
  background: #fff;
  padding: 10px !important;
}

.btn {
  border: none !important;
  padding: 5px 20px;
}
ul.nav.navbar-nav li {
  /* padding: 15px 0; */
  width: 100%;
}
ul.nav.navbar-nav li:after {
  width: 32px;
}
.modal-content h3 {
  margin-bottom: 20px;
  background: #ef8c37;
  margin-top: 0;
  padding: 14px;
  color: #fff;
}
.head_top {
  background: #8ba0bc;
  padding: 10px;
}

.head_top label {
  color: #fff !important;
  padding: 0;
  margin: 0;
}
.col_head {
  text-align: left !important;
}

.modal-footer {
  display: flex;
  justify-content: flex-end;
}
.btn:hover {
  background: #005923;
  color: #ffffff !important;
}

.modal-header  {
  background: #ef8c37;
  color: #fff;
  text-align: center;
}

/**** nuevo formato ***/
.title {
  /* display: flex; */
  /* justify-content: space-between; */
  /* padding: 0 10px; */
  padding-bottom: 0;
  border-bottom: none;
  font-weight: bold;
  margin: 25px 1px;
  width: 103% !important;
  font-size: 20px;
}

section.content_right {
  /* margin-top: 3%; */
}
section.menu {
  box-shadow: 0px 0px 20px 4px #00000030;
}
.foot_btn {
  background: #f1f1f1;
  display: flex;
  justify-content: flex-end;
  padding: 20px 0;
}
/* .btn {
  margin: 10px;
} */
.panel-tit {
  padding: 10px !important;
  font-weight: 800;
  background: #ef8c37;
  text-transform: uppercase;
}
.precio {
  padding: 20px;
  background: #f1f1f1;
  margin-top: 3%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.precio label {
  padding: 0;
}
.sec {
  width: 90%;
    background: #fff;
    box-shadow: 0px 0px 10px 3px #00000036;
    margin: 10px;
    padding: 10px;
    text-align: center !important;
    border-radius: 10px;
}
.sec input {
  border: none;
  background-color: transparent !important;
  box-shadow: none;
  text-align: left;
  font-weight: 800;
  font-size: 16px;
  color: #ef8c37;
}
.sec label {
  font-weight: 800;
}
.flex {
  display: flex;
  justify-content: flex-start;
  margin: 10px 0;
}
.flex label{
  padding: 0;
  margin: 0;
}
.flex .col-md-10 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.cliente {
  font-weight: 800;
}
.flex .col-md-10 label {
  padding: 0;
  margin: 0;
}

section.section-internas.index {
  height: 100%;
  display: flex;
  width: 100%;
}
section.content_right.index {
  width: max-content;
  width: 100%;
  padding: 0 2%;
}

.valid {
  padding-right: 20px;
  text-align: left;
  /* width: 60%; */
  /* height: 100%; */
  /* align-content: flex-end; */
}

.frm_renta {
    width: max-content;
    width: 100%;
}
.rentas-activas {
  /* width: max-content; */
  width: 100%;
  padding: 0 2%;
}

.clientes {
  width: max-content; 
  width: 100%;
  padding: 0 2%;
}

input#nombreCli {
  width: 100%;
}

select#sucursalCli {
  width: 100%;
}

input#passCli {
  width: 100%;
}
.cotizaciones {
  width: max-content;
  width: 100%;
  /* padding: 0 2%; */
}

.inventarios {
  width: max-content; 
  width: 100%;
  padding: 0 2%;
}

.ctasPorCobrar {
  width: max-content;
  width: 100%;
  padding: 0 2%;
}

.foot_btnCtas {
  display: flex;
  width: 93%;
  padding: 0 40px;
 
}

.ctas_Cobradas {
  width: 100%;
  padding: 0 20px;
  /* width: max-content; */
}

.prospectos {
  width: max-content;
  width: 100%;
  padding: 0 2%;
}

.frm_prospecto {
  width: 100%;
  padding: 0 2%;
  text-align: center; 
}

select#ev_tipoevento {
  width: 100%;
}

.detalles_renta {
  width: 100%;
  padding: 0 1%;
  width: max-content;
}

.reportes {
  width: 100%;
  padding: 0 2%;
}

.reporte_Cliente {
  width: 100%;
  padding: 0 2%;
}

.col-md-5.head_cliente {
  padding: 0;
}

.reporte-titulo {
  padding: 0;
}

.reporte_inventario {
  width: 100%;
  /* width: max-content; */
  padding: 0 2%;
}
/* .col-md-3.btn_invn {
  padding-top: 8%;
  padding: 0%;
  position: left;
  text-align: center;
  margin: 0%;
  right: 30%;
  margin: revert-layer;
  justify-content: left;
} */ 

.catalogos {
  /* width: 100%; */
  width: max-content;
  padding: 0 2%;
}

.validacion-index {
  padding-right: 20px;
  text-align: right;
  width: 10%;
}

.historial_traspasos{
  width: 100%;
  padding: 0 20px;
}

.new_direction{
  width: 100%;
  padding: 0 2%;
}

.selectCliente {
  background-color: #4e9bd9 !important;
  color: black;
}
form#frmCtsCobrar {
  padding: 0 2%;
  margin: 4% 0 2% 0;
}

form#frmRepCliente {
  padding: 0 4%;
}
.rentas {
  width: max-content;
  width: 100%;
  padding: 0 2%;
}
form#frmRentasActivas {
  display: flex;
  margin: 0;
}

.panel-body.msg-resultado {
  min-height: 100vh !important;
}

.nuev-direccion {
  width: 70%;
  top: 50%;
  position: fixed;
  left: 11%;
  transform: translate(50px, 50px);
}

.nuevObra {
  width: 70%;
  top: 50%;
  position: fixed;
  left: 11%;
  transform: translate(50px, 50px);
}

.help-container-modal {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  background-color: #f0f0f0;
  border-radius: 50%;
  cursor: pointer;
  background-color: #007bff; /* Fondo azul */
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* Sombra para darle profundidad */
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

/**** nuevos 16/12/24 ****/
.login-form {
    max-width: 500px;
    margin: 0 auto;
    background: #ffffffe3;
    padding: 50px 40px;
    border-radius: 20px;
}
.row.secc_login {
    z-index: 5;
    position: relative;
}
input#usr_pass, input#usr_email {
    background: rgba(255, 255, 255, 0.03) !important;
    border: none;
    margin: 0;
    text-align: left;
    /* padding: 25px; */
    border-radius: 20px !important;
    width: 100%;
}
.login-form .form-group {
    background: transparent !important;
    border: 1px solid #444 !important;
    border-radius: 9px;
    margin: 0 auto;
    margin-bottom: 16px;
    padding: 12px;
}
section#inicio footer {
    margin-top: 1%;
    position: relative;
    z-index: 5;
    background: transparent !important;
}
.panel-footer {
    background: transparent !important;
    color: #fff !important;
    padding: 4px;
    position: absolute;
    bottom: 15px;
    left: 0;
}
section#inicio {
    margin: 0 auto;
    padding: 0;
    position: relative;
    padding-top: 2%;
    background: url(../images/bg_login.jpg) center center no-repeat;
    background-size: cover;
}

section#inicio:before {
    content: "";
    background: #000000ad;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.panel-footer a {
    color: #fff;
}
/*** seccion internas ***/
.row.menu_top {
    background: #fff;
    box-shadow: 0px 0px 8px 0px #44444438;
    right: 0;
    display: flex;
    justify-content: flex-end;
}
.menu_bg {
    background: #ef8c37;
    height: 100vh;
    margin-top: -100px;
    padding: 40px 0 30px 17px;
    min-height: 103vh !important;
    position: fixed;
    margin-bottom: 0 !important;
}
.menu_bg .col-md-12 {
    padding: 0;
}
.menu_right {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.menu_right .user.text-right {
    color: #000 !important;
    margin-top: 0 !important;
}
.col-xs-8.menu_right {
    width: 29%;
}
.col-xs-4.menu_left {
    width: 54%;
}
span.help {
    z-index: 3;
    background: #3c5c9b;
    height: 80px;
    padding: 23px 7px;
    text-align: center;
    border-radius: 0 !important;
}
.panel-heading {
    background: #ef8c37 !important;
    color: #fff!important;
    font-weight: 800;
    padding: 10px !IMPORTANT;!I;!;
    margin-bottom: 1em;
}
/*.panel-heading {
    display: none;
}*/
.panel-body {
    width: 87%;
    max-width: 81% !important;
    margin: 20px 0 0 auto;
    background-color: #ffffff !important;
    /* min-height: 146px !important; */
    padding-top: 0;
    padding-bottom: 0;
    padding: 20px !important;
    box-shadow: 0px 0px 8px 0px #44444438;
    border-radius: 0;
    margin-right: 14px !important;
    position: relative;
    overflow: hidden;
}
.breadcrumb{
background-color: transparent;
    width: 82%;
    margin: 0 auto;
    right: 0;
    margin-right: 0;
    padding: 20px 0 0;
}
span.help {
    z-index: 3;
    background: #3c5c9b;
    height: 80px;
    padding: 23px 7px;
    text-align: center;
    border-radius: 0 !important;
}
span.help img {
    width: 75%;
}
.footer_site.text-muted.text-center {
    color: #fff !important;
}
/** rentas **/
.cont_iconos .col-md-4 {
    /*margin: 5px;*/
    width: 33%;
}
.cont_iconos .col-md-4 a {
    background: #e6e6e6;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 19px 0px 45px;
    height: 80px;
    text-transform: uppercase;
    font-weight: 800;
    color: #838383;
    font-size: 14px;
}
.cont_iconos .col-md-4 a:hover {
    background: #c5c5c5;
    color: #444;
}
.col-md-4 p {
    margin-bottom: 0;
}
.img-icon {
    width: 25%;
}
.uno {
    border-left: 20px solid #ff8d2a;
}
.dos {
    border-left: 20px solid #01b24a;
}
.tres {
    border-left: 20px solid #3066ae;
}
/** tablas **/
.office2010blueKGR .kgrTableView {
    padding: 0;
    margin: 0;
}
div#clientesGrid_updatepanel {
    width: 100%;
}
   
/*table.kgrTable {
    padding: 0;
}*/

tbody tr:nth-child(odd) {
    background: #f9f9f9;
}
.office2010blueKGR .kgrPager .kgrInfo {
	    color: #d2d2d2;
	}
.office2010blueKGR .kgrSortHeaderText, .office2010blueDummyHeader .kgrSortHeaderText, .office2010blueKGR .kgrHeader .kgrIn, .office2010blueDummyHeader .kgrIn {
    color: #fff !important; }
.office2010blueKGR .kgrLinkEdit {
    background-position: 0px -1697px !important;
}
.kgrIn a {
    display: inline-block;
    vertical-align: middle;
}
.office2010blueKGR .kgrPager a.kgrNumSelected span, .office2010blueKGR .kgrPager a.kgrNumSelected:hover span, .office2010blueKGR .kgrPager a.kgrNumSelected, .office2010blueKGR .kgrPager a.kgrNumSelected:hover { background:none !important;}
.office2010blueKGR .kgrFunctionPanel {
    background: none !important;
}
.office2010blueKGR .kgrRefresh a, .office2010blueKGR .kgrInsert a {
    color: #fff !important;
}
.office2010blueKGR .kgrRefresh , span.kgrInsert{
    float: none;
    background: #ef8c37;
    padding: 12px;
    margin: 10px;
}
.office2010blueKGR .kgrRefresh {
    float: none !important;
}
.kgrPager.kgrNextPrevAndNumericPager {
    border: none !important;
}
.office2010blueKGR .kgrPager a.kgrNum:hover span, .office2010blueKGR .kgrPager a.kgrNum:hover {
	background:none !important;}
	span.kgrRefresh a, span.kgrInsert a {
    vertical-align: middle;
}
.office2010blueKGR .kgrFunctionPanel {
    line-height: 46px !important;
}
.sunsetKGR .kgrHeader {
    background: #ef8c37;
    border: none;
    padding: 5px 0;
}
.sunsetKGR .kgrAltRow {
    background: transparent;
}
.sunsetKGR .kgrFilterCell {
    background-color: #e0e0e0;
}
.sunsetKGR .kgrAltRow .kgrCell {
    border-color: transparent !important;
}
.sunsetKGR .kgrCell {
    border-left-color: transparent;
}
/** barra top **/
.row_top {
    border-bottom: 1px solid #e3e3e3;
    padding: 0 0 10px 0;
    margin-bottom: 2%;
        display: flex;
    align-items: center;
    justify-content: space-between;
}
.col-md-12 {
    padding: 0;
}
.kgrIn {
    display: flex;
    align-items: center;
    width: 100%;
    text-align: left;
}

[id$="_tipoAyudaGrid_mt_c2"] .kgrIn {
  display: block;
}

.row_left {
    width: 65%;
}
form#frmFilProcesos {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.row_right {
    width: 35%;
    text-align: right;
    border-left: 1px solid #e3e3e3;
}
.form-group {
    margin-bottom: 0;
}
input#regresar {
    color: #fff;
}

/** cotizaciones **/
div#cotizacionesGRid {
    width: 100% !important;
    margin-top: 0 !important;
}
div#cotizacionesGRid_mt {
    margin-top: 0 !important;
}

/** index **/
div#fecha_programacion_bound tr {
    background: none;
}

/** cuentas por cobrar **/
.coti .row_right {
    width: 81%;
}
.coti .row_right .btn {
    margin-right: 0;
    margin-left: 10px;
}
.col-xs-8.menu_right .panel-heading {
    display: none;
}

.observ label{
  display: inline-block;
  min-width: fit-content;
}

/**agenda**/
.col-md-3.valid.validacion-index a b {
    color: #000;
}
.col-md-3.valid.validacion-index a {
    margin-bottom: 1em;
    display: block;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    color: #ababab;
}

.col-md-3.valid.validacion-index {
    width: 30% !important;
}

form#frmAdminAgenda .col-md-10 {
    width: 69%;
}
div#rentasGrid {
    width: 100% !important;
}
.kgrCell a {
    padding: 0 7px;
}
/**modals**/
div#solo_guardada .col-md-10 {
    width: 100%;
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    background: #ef8c37;
    box-shadow: none;
}
.office2010blueKGR .kgrLinkDelete {
    background-position: 0px -1850px !important;
}
div#div_contenido div div {
    border-left: 1px solid #ccc;
    height: 11%;
}

div#div_contenido .col-md-1 {
    width: 12%;
}

div#div_contenido .col-md-2 {
    width: 13%;
}
input.nodecor.kgrSortNone {
    display: none;
}
.saldos div {
    float: none;
    width: 100%;
}
.cont_flex {
    display: flex;
    align-items: center;
}

.cont_flex label {
    padding-top: 0;
    margin: 0;
}

.cont_flex input {
    margin: 0;
}

.cont_flex {
    margin-bottom: 10px;
}
div#rentasCtsPagarGRid_updatepanel {
    width: 100%;
    max-width: 100%;
}

div#rentasCtsPagarGRid {
    width: 100% !important; 
}


.form-control-contrato  {
  width: 20%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: rgba(0,0,0,.0001);
  background-image: none;
  border: 1px solid #ef8c37;
  border-radius: 2px;
}

/* label.formPerdidaMaterial {
  padding-top: 16px;
  color: #555 !important;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
  float: right;

} */


.navbar-nav{

overflow-y: auto !important;
}


/**ESTILOS DE LA BARRA DE DESPLAZAMIENTO */

/* Scrollbar completo */
::-webkit-scrollbar {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
  width: 10px;       /* ancho vertical */
  height: auto !important;      /* alto horizontal */
}

/* Track: fondo de la barra */
::-webkit-scrollbar-track {
  background: #ffc983c9;
  border-radius: 10px;
}

/* Thumb: parte que se mueve */
::-webkit-scrollbar-thumb {
  background: #d37800;
  border-radius: 10px;
}

/* Thumb al pasar el mouse */
::-webkit-scrollbar-thumb:hover {
  background: rgb(211, 102, 0);
}