@font-face {
  font-family: 'Montserrat';
  src: URL('../fonts/fuentes/Montserrat-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  font-weight: bold;
  src: URL('../fonts/fuentes/Montserrat-Bold.ttf') format('truetype');
}
* {box-sizing: border-box; -webkit-box-sizing: border-box;}

body {background-color: #FFFFFF;  margin: 0px 0px 0px 0px; text-align: center; vertical-align: middle; overflow: hidden;}
div {}
td {font-family: "Montserrat", Montserrat; font-size: 16px; cursor: default;}
iframe {border: 0px;}
table {padding: 0px 0px 0px 0px; border-spacing: 0px; box-sizing: border-box; -webkit-box-sizing: border-box;}
td {padding: 0px 0px 0px 0px;}

td.telephone {cursor: pointer; padding: 2px 2px 2px 2px; text-decoration: underline; color: #0000FF;}

div.popup {background-color: #FFFFFF; border: 1px solid #DBDBDB; overflow: auto;}
tabla.popuplayout {}
td.popupitem {padding: 2px 2px 2px 2px;}

table.messagelist {}
td.messageitemtitle {color: #000000; font-family: "Montserrat", Montserrat; font-size: 14px; font-weight: bolder; padding: 2px 2px 2px 2px;}
td.messageitemimage {padding: 2px 0px 0px 8px; vertical-align: top;}
img.messageitemimage {height: 16px; vertical-align: top; width: 16px;}
td.messageiteminfo {color: #000000; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px;}
td.messageitemvalid {color: #000000; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px;}
td.messageitemerror {color: #000000; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px;}
td.messageitemlist {color: #000000; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 16px;}
td.messageitemlistitem {color: #000000; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 24px;}

div.dialogbackground {background-color: #000000; opacity: 0.5; filter: blur(5px) grayscale (.5) opacity(0.5); -webkit-filter: blur(5px) grayscale (.5) opacity(0.5);}
div.dialogcontainer {background-color: #FFFFFF; border: 1px solid #242424; }
table.dialog {}
td.dialogheadercontainer {border-bottom: 1px solid #000000; height: 32px;}
td.dialogdisplaycontainer {}
td.dialogactionscontainer {border-top: 1px solid #000000; height: 32px;}

table.dialogtitlecontainer {}
td.dialogtitlecontainer {}
table.dialogtitle {background-color: #333333;}
td.dialogtitleleft {width: 4px;}
td.dialogtitleicon {}
img.dialogtitleicon {height: 16px; width: 16px;}
td.dialogtitletext {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bolder;}
td.dialogtitlenavigation {}
td.dialogtitleactions {}
table.dialogtitleactions {}
td.dialogtitleaction {padding: 0px 0px 0px 0px;} /* padding: 4px 4px 4px 4px; */
table.dialogtitleaction {}

td.dialogtitleactionimage {border: 1px solid #333333; border-radius: 4px; padding: 0px 4px 0px 4px;}
input.dialogtitleactionimage {height: 16px; width: 16px;}

td.dialogtitleactionimageover {background-color: #666666; border: 1px solid #DBDBDB; border-radius: 4px; padding: 0px 4px 0px 4px;}
input.dialogtitleactionimageover {height: 16px; width: 16px;}

td.dialogtitleactionimagepopup {background-color: #FFFFFF; border: 1px solid #DBDBDB; border-bottom: none; padding: 0px 4px 0px 4px;}
td.dialogtitleright {width: 4px;}

table.dialogdisplay {}
td.dialogdisplaytopleft {width: 0px;}
td.dialogdisplaytop {height: 0px;}
td.dialogdisplaytopright {width: 0px;}
td.dialogdisplayleft {width: 0px;}
td.dialogdisplay {background-color: #FFFFFF; left: 0px; padding: 4px 4px 4px 4px; position: relative; top: 0px;}
div.dialogdisplay {left: 0px; overflow: auto; position: absolute; top: 0px;}
td.dialogdisplayright {width: 0px;}
td.dialogdisplaybottomleft {width: 0px;}
td.dialogdisplaybottom {height: 0px;}
td.dialogdisplaybottomright {width: 0px;}

table.dialogactions {background-color: #F5F5F5;}
td.dialogactionsleft {width: 4px;}
td.dialogactionstrip {}
td.dialogaction {padding: 4px 4px 4px 4px;}
td.dialogactionsright {width: 4px;}

table.framecontainer {padding: 0px 0px 0px 0px; padding: 4px 4px 4px 4px; text-align: center; vertical-align: middle;}
td.framecontainer {}
table.frame {background-color: #F6F6F6; border: 1px solid #DBDBDB;}
td.frameheadertitle {border-bottom: 1px solid #DBDBDB;}
table.frametitlecontainer {}
td.frametitlecontainer {}
table.frametitle {background-color: #022986;}
td.frametitleleft {width: 8px;}
td.frametitleicon {padding: 2px 2px 2px 2px;}
img.frametitleicon {height: 16px; width: 16px;}
td.frametitletext {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: lighter; padding: 4px 4px 4px 4px;}
td.frametitlenavigation {}
td.frametitleright {width: 8px;}
td.frametitleactionimage {padding: 0px 2px 0px 2px;}
input.frametitleactionimage {height: 20px; width: 20px;}
td.frametitleactionimageover {padding: 0px 2px 0px 2px;}
input.frametitleactionimageover {height: 20px; width: 20px;}
td.framedisplay {background-color: #FFFFFF;}
div.framedisplay {text-align: center; overflow: auto; vertical-align: middle;}

td.framebuttonscontainer {border-top: 1px solid #DBDBDB;}
table.framebuttons {}
td.framebuttonstrip {}
td.framebuttoncontainer {padding: 4px 4px 4px 0px;}
td.frameleftbuttoncontainer {padding: 4px 0px 4px 4px;}

table.framebutton {background-color: #F6F6F6; border: 1px solid #DBDBDB; border-radius: 4px;}
td.framebuttonleft {width: 4px;}
td.framebuttonimage {padding: 2px 2px 2px 2px;}
input.framebuttonimage {height: 24px; width: 24px;}
td.framebuttonlabel {color: #666666; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}
td.framebuttonright {width: 4px;}

table.framebuttonover {background-color: #E5E5E5; border: 1px solid #666666; border-radius: 4px;}
td.framebuttonleftover {width: 4px;}
td.framebuttonimageover {padding: 2px 2px 2px 2px;}
input.framebuttonimageover {height: 24px; width: 24px;}
td.framebuttonlabelover {color: #666666; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.framebuttonrightover {width: 4px;}

table.framebuttondown {background-color: #666666; border: 1px solid #DBDBDB; border-radius: 4px;}
td.framebuttonleftdown {width: 4px;}
td.framebuttonimagedown {padding: 2px 2px 2px 2px;}
input.framebuttonimagedown {height: 24px; width: 24px;}
td.framebuttonlabeldown {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.framebuttonrightdown {width: 4px;}

table.framebuttondefault {background-color: #F6F6F6; border: 1px solid #DBDBDB; border-radius: 4px;}
td.framebuttonleftdefault {width: 4px;}
td.framebuttonimagedefault {padding: 2px 2px 2px 2px;}
input.framebuttonimagedefault {height: 24px; width: 24px;}
td.framebuttonlabeldefault {color: #666666; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}
td.framebuttonrightdefault {width: 4px;}

table.framebuttondefaultover {background-color: #E5E5E5; border: 1px solid #666666; border-radius: 4px;}
td.framebuttonleftdefaultover {width: 4px;}
td.framebuttonimagedefaultover {padding: 2px 2px 2px 2px;}
input.framebuttonimagedefaultover {height: 24px; width: 24px;}
td.framebuttonlabeldefaultover {color: #666666; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.framebuttonrightdefaultover {width: 4px;}

table.framebuttondefaultdown {background-color: #022986; border: 1px solid #022986; border-radius: 4px;}
td.framebuttonleftdefaultdown {width: 4px;}
td.framebuttonimagedefaultdown {padding: 2px 2px 2px 2px;}
input.framebuttonimagedefaultdown {height: 24px; width: 24px;}
td.framebuttonlabeldefaultdown {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.framebuttonrightdefaultdown {width: 4px;}

table.layout {}
td.layoutrow {padding: 2px 4px 2px 4px;}
table.layoutrow {height: 100%;}
td.layoutcol {padding: 2px 4px 2px 4px; text-align: center; vertical-align: top;}
td.layoutcolstatus {padding: 2px 4px 2px 4px; text-align: right; vertical-align: bottom;}

table.button {background-color: #F6F6F6; border: 1px solid #DBDBDB; border-radius: 4px;}
td.buttonleft {width: 4px;}
td.buttonimage {padding: 4px;}
input.buttonimage {height: 32px; width: 32px;}
td.buttonlabel {color: #666666; font-family: "Montserrat", Montserrat; font-size: 14px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}
td.buttonright {width: 4px;}

table.buttonover {background-color: #E5E5E5; border: 1px solid #666666; border-radius: 4px;}
td.buttonleftover {width: 4px;}
td.buttonimageover {padding: 4px;}
input.buttonimageover {height: 32px; width: 32px;}
td.buttonlabelover {color: #666666; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightover {width: 4px;}

table.buttondown {background-color: #666666; border: 1px solid #DBDBDB; border-radius: 4px;}
td.buttonleftdown {width: 4px;}
td.buttonimagedown {padding: 4px;}
input.buttonimagedown {height: 32px; width: 32px;}
td.buttonlabeldown {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightdown {width: 4px;}

table.buttondefault {background-color: #2175AC; border: 1px solid #23638C; border-radius: 4px;}
td.buttonleftdefault {width: 4px;}
td.buttonimagedefault {padding: 4px;}
input.buttonimagedefault {height: 32px; width: 32px;}
td.buttonlabeldefault {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}
td.buttonrightdefault {width: 4px;}

table.buttondefaultover {background-color: #022986; border: 1px solid #23638C; border-radius: 4px;}
td.buttonleftdefaultover {width: 4px;}
td.buttonimagedefaultover {padding: 4px;}
input.buttonimagedefaultover {height: 32px; width: 32px;}
td.buttonlabeldefaultover {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightdefaultover {width: 4px;}

table.buttondefaultdown {background-color: #2175AC; border: 1px solid #23638C; border-radius: 4px;}
td.buttonleftdefaultdown {width: 4px;}
td.buttonimagedefaultdown {padding: 4px;}
input.buttonimagedefaultdown {height: 32px; width: 32px;}
td.buttonlabeldefaultdown {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightdefaultdown {width: 4px;}

table.buttoncancel {background-color: #D95342; border: 1px solid #CA4433; border-radius: 4px;}
td.buttonleftcancel {width: 4px;}
td.buttonimagecancel {padding: 4px;}
input.buttonimagecancel {height: 32px; width: 32px;}
td.buttonlabelcancel {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; vertical-align: middle;}
td.buttonrightcancel {width: 4px;}

table.buttoncancelover {background-color: #E66454; border: 1px solid #CA4433; border-radius: 4px;}
td.buttonleftcancelover {width: 4px;}
td.buttonimagecancelover {padding: 4px;}
input.buttonimagecancelover {height: 32px; width: 32px;}
td.buttonlabelcancelover {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightcancelover {width: 4px;}

table.buttoncanceldown {background-color: #D95342; border: 1px solid #CA4433; border-radius: 4px;}
td.buttonleftcanceldown {width: 4px;}
td.buttonimagecanceldown {padding: 4px;}
input.buttonimagecanceldown {height: 32px; width: 32px;}
td.buttonlabelcanceldown {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 2px; text-align: left; text-decoration: underline; vertical-align: middle;}
td.buttonrightcanceldown {width: 4px;}

div.summarycontainer {}
table.summarycontainer {}
td.summarycontainer {padding: 8px 8px 8px 8px;}
table.summary {}
td.summarytitlecontainer {}
table.summarytitle {background-color: #022986; border: 1px solid #DBDBDB;}
td.summarytitleleft {}
td.summarytitle {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 14px; padding: 4px 4px 4px 4px;}
td.summarytitleright {}

td.summaryitemcontainer {padding: 4px 4px 4px 4px;}

table.summaryproperties {}
td.summarypropertieslabel {color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 2px 2px 2px 4px;}
td.summarypropertiesvalue {color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 2px 2px 2px 4px; width: 100%;}

td.summarycommentcontainer {padding: 2px 2px 2px 2px;}
table.summarycomment {}
td.summarycommentlabel {color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 2px 2px 2px 4px;}
td.summarycommentvalue {color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: lighter; padding: 0px 2px 2px 4px;}

table.summaryframe {}
td.summaryframetitle {background-color: #022986; border: 1px solid #DBDBDB; border-bottom: none; color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 4px 4px 4px 4px;}
td.summaryframecontainer {border: 1px solid #DBDBDB; padding: 4px 4px 4px 4px;}

table.summarygroup {}
td.summarygrouptitle {border-bottom: 1px solid #DBDBDB; color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 2px 2px 2px 4px;}
td.summarygroupcontainer {padding: 2px 2px 2px 8px;}


table.summarydatatablecontainer {}
td.summarydatatabletitle {border-bottom: 1px solid #DBDBDB; color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 2px 2px 2px 4px;}
td.summarydatatablecontainer {}
table.summarydatatable {border-spacing: 4px;}
td.summarydatatableheader {border-bottom: 1px solid #DBDBDB; color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bold; padding: 2px 2px 2px 4px; text-align: center;}
td.summarydatatable {color: #555555; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: lighter; padding: 0px 2px 2px 4px;}
td.summarydatatablelink {color: #0000FF; cursor: hand; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: lighter; padding: 0px 2px 2px 4px; text-decoration: underline;}
td.summarydatatablelinkover {background-color: #2175AC; color: #FFFFFF; cursor: hand; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: lighter; padding: 0px 2px 2px 4px; text-decoration: underline;}

div.spinnerfog {background-color: #FFFFFF; left: 0px; position: absolute; top: 0px; opacity: 0.50;}
div.spinnerdiv {left: 0px; position: absolute; top: 0px; z-index: 100000;}
table.spinnercontainer {margin: auto; text-align: center; vertical-align: middle; z-index: 100001;}
table.spinner {background-color: #FFFFFF; border: 1px solid #000000; border-radius: 8px;}
td.spinner {padding: 16px 16px 16px 16px; text-align: center; vertical-align: middle;}
img.spinner {text-align: center; vertical-align: middle;}


td.drilldowncontainer {padding: 4px 4px 4px 4px;}
div.drilldowncontainer {background-color: #00FF00; height: 240px; overflow: auto; width: 100%;}

table.list {}
td.listheader {background-color: #022986; border-bottom: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; color: #FFFFFF; dislay: none; padding: 2px 2px 2px 2px; text-align: center;}
td.list {border-bottom: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 0px 2px 0px 2px;}
td.listeven {background-color: #F6F6F6; border-bottom: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 0px 2px 0px 2px;}
td.listover {background-color: #53A5DA; border-bottom: 1px solid #DBDBDB; color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 0px 2px 0px 2px;}
td.listselected {background-color: #E5E5E5; border-bottom: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 0px 2px 0px 2px;}
img.list {height: 16px; width: 16px;}


table.gallerycontainer {padding: 4px 4px 4px 4px;}
td.gallerycontainer {}
table.galleryitem {}
td.galleryitem {padding: 8px 8px 8px 8px;}
table.gallery {border: 1px solid #DBDBDB;}

td.gallerytitlecontainer {}
table.gallerytitle {border-bottom: 1px solid #DBDBDB; width: 100%;}
td.gallerytitle {padding: 2px 2px 2px 2px; width: 100%;}
td.galleryfavorite {background-image: URL('../images/disabled/favorite.png'); background-repeat: no-repeat; background-size: 20px 20px; height: 20px; padding: 2px 2px 2px 2px; width: 20px;}
td.galleryfavoritemain {background-image: URL('../images/actions/favorite.png'); background-repeat: no-repeat; background-size: 20px 20px; height: 20px; padding: 2px 2px 2px 2px; width: 20px;}
td.galleryaction {height: 20px; padding: 2px 2px 2px 2px; width: 20px;}
img.gallery {height: 16px; width: 16px;}

td.gallerydisplay {}
div.gallerydisplay {height: 320px; width: 320px;}
img.gallerycontent {height: 320px; object-fit: contain; width: 320px;}
img.previewimagecontent {text-align: center; object-fit: contain; vertical-align: middle;}

table.statusbar {border: 1px solid #DBDBDB;}
td.statusbartitle {background-color: #F6F6F6; border-bottom: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px; font-weight: bolder; padding: 4px 4px 4px 4px; text-align: center; vertical-align: middle; }
td.statusbarstates {height: 40px; position: relative; background-color: #F6F6F6;}
div.statusbarstates {}

table.statusbarstate {height: 40px;}

td.statusbarstateleft {background-image: URL('../images/process/onprocess1.png'); background-repeat: no-repeat; width: 5px;}
td.statusbarstatetext {background-image: URL('../images/process/onprocess2.png'); background-repeat: repeat; font-family: "Montserrat", Montserrat; font-size: 11px; font-weight: bolder; padding: 0px 0px 0px 16px; text-align: center; vertical-align: middle;}
td.statusbarstateright {background-image: URL('../images/process/onprocess3.png'); background-repeat: no-repeat; width: 13px;}

td.statusbarstateprocessedleft {background-image: URL('../images/process/processed1.png'); background-repeat: no-repeat; width: 5px;}
td.statusbarstateprocessedtext {background-image: URL('../images/process/processed2.png'); background-repeat: repeat; font-family: "Montserrat", Montserrat; font-size: 8px; font-weight: bolder; padding: 0px 0px 0px 16px; text-align: center; vertical-align: middle;}
td.statusbarstateprocessedright {background-image: URL('../images/process/processed3.png'); background-repeat: no-repeat; width: 13px;}

td.statusbarstatecurrentleft {background-image: URL('../images/process/current1.png'); background-repeat: no-repeat; width: 5px;}
td.statusbarstatecurrenttext {background-image: URL('../images/process/current2.png'); background-repeat: repeat; font-family: "Montserrat", Montserrat; font-size: 8px; font-weight: bolder; padding: 0px 0px 0px 16px; text-align: center; vertical-align: middle;}
td.statusbarstatecurrentright {background-image: URL('../images/process/current3.png'); background-repeat: no-repeat; width: 13px;}

td.statusbarcontrols {}

table.menuitemcontainer {}
td.menuitemcontainer {padding: 4px 4px 4px 4px;}

table.menuitem {}
td.menuitemimage{padding: 4px 4px 4px 4px;}
img.menuitemimage {height: 32px; width: 32px;}
td.menuitemimageover{background-color: #F6F6F6; border-bottom: 1px solid #DBDBDB; font-family: "Montserrat", Montserrat; font-size: 16px; padding: 0px 2px 0px 2px;}
td.menuitemtitle {font-family: "Montserrat", Montserrat; font-size: 16px; text-align: left; padding: 4px 4px 4px 0px; vertical-align: middle;}


table.menuitemover {background-color: #E5E5E5; border: 1px solid #666666;}

div.dashboardcontainer {background-color: #FFFFFF; padding: 5px 5px 5px 5px;}

table.scorecomponent {background-color: #F5F5F5; border: 1px solid #DBDBDB;}

td.scoregroup {background-color: #022986; color: #ffffff; border-bottom: 1px solid #DBDBDB; font: 24px 'Helvetica'; font-weight: lighter; padding: 4px 4px 4px 16px;}
td.scoregroup_dashboard {background-color: #022986;color: #ffffff; border-bottom: 1px solid #DBDBDB;font-family: "Montserrat", Montserrat; font-size: 14px;font-weight: lighter; padding: 0px 0px 0px 5px;}
td.scorecalificacion {font: 96px 'Helvetica'; text-align: center; vertical-align: middle; padding: 4px 16px 4px 16px;}
td.scorecalificaciondetail {font: 24px 'Helvetica'; text-align: center; vertical-align: middle; padding: 4px 16px 4px 16px;}

td.scorecomponent {padding: 0px 16px 0px 16px; vertical-align: top;}

table.scoreitem {}
td.scoreitem {padding: 4px 4px 4px 4px;}
td.scoretitle {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 4px 4px 4px 4px;}
td.scoresubtitle {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 4px 4px 4px 4px;}

td.scoredetail {border-bottom: 1px solid #DBDBDB; font: 16px 'Helvetica'; font-weight: lighter; padding: 4px 4px 4px 4px;}

table.chart {width: 100%;}
td.charttitle {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 4px 4px 4px 4px;}
td.chartdisplay {padding: 4px 4px 4px 4px; text-align: center;}
div.chartdisplay {text-align: center; vertical-align: middle;}

table.itemview {width: 100%;}
td.itemviewimage {}
img.itemviewimage {height: 48px; min-width: 48px; padding: 4px 4px 4px 4px; width: 32px;}
td.itemviewvalue {font-family: "Montserrat", Montserrat; font-size: 16px; min-width: 24px; padding: 4px 4px 4px 4px;}
td.itemviewtitle {font-family: "Montserrat", Montserrat; font-size: 16px; padding: 4px 4px 4px 4px; width: 100%;}
td.itemviewnotifications {min-width: 48px;}
label.itemviewnotifications {background-color: #FF0000; color: #FFFFFF; border-radius: 8px; font-family: "Montserrat", Montserrat; font-size: 10px; padding: 6px 8px 6px 8px;}

p.comment {font-family: "Montserrat", Montserrat; font-size: 16px; white-space: normal; text-align: justify;}
p.tip {font-family: "Montserrat", Montserrat; font-size: 10px; white-space: normal; text-align: justify;}

table.ropcontainer {border: 1px solid #000000; background-color: #C0C0C0;}
td.ropcolor {border: 1px outset; width: 24px;}
td.roptitle {border: 2px groove; font: 15px 'Arial'; font-weight: 800; text-align: left; vertical-align: middle;}
td.roptitleright {border: 2px groove; font: 15px 'Arial'; font-weight: 800; text-align: right;}
td.ropscale {border: 1px outset; width: 24px;}
td.ropdata {border: 1px outset; padding: 2px 2px 2px 2px;}
td.ropheader {border: 2px groove; font-family: "Montserrat", Montserrat; font-size: 11px; font-weight: 800; text-align: center; vertical-align: middle;}
td.ropgroup {border: 2px groove; font-family: "Montserrat", Montserrat; font-size: 14px; font-weight: 800; text-align: left; vertical-align: middle;}
td.resultsrowheader {border: 2px groove; font-family: "Montserrat", Montserrat; font-size: 10px; font-weight: 800; text-align: left; vertical-align: middle;}
td.resultsropdata {border: 2px groove; font-family: "Montserrat", Montserrat; font-size: 10px; text-align: right; vertical-align: middle;}
td.resultsropdatalink {border: 2px groove; color: #0000FF; cursor: hand; font-family: "Montserrat", Montserrat; font-size: 10px; text-align: right; text-decoration: underline; vertical-align: middle;}
td.resultsroptotal {border: 2px groove; font-family: "Montserrat", Montserrat; font-size: 11px; font-weight: 800; text-align: right; vertical-align: middle;}
td.ropheaderempty {background-color: #FFFFFF;border: 2px groove; font: 11px 'Arial'; font-weight: 800; text-align: center; vertical-align: middle;}
td.ropheadertitle {border: 2px groove; color: #0000FF; font: 11px 'Arial'; font-weight: 800; text-align: left; text-decoration: none; vertical-align: middle;}
td.ropheadertitleover {background-color: #000080; border: 2px groove; color: #FFFFFF; font: 11px 'Arial'; font-weight: 800; text-align: center; text-decoration: underline; vertical-align: middle;}
td.roptitletotal {border: 2px groove; font: 11px 'Arial'; font-weight: 800; text-align: right; vertical-align: middle;}
td.ropsubtitle {border: 2px groove; font: 11px 'Arial'; padding-left: 16px; text-align: left; vertical-align: middle;}
td.ropcell {border: 2px groove; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: right; vertical-align: middle;}
td.ropcellnumber {border: 2px groove; font: 11px 'Arial'; padding: 2px 2px 2px 2px; text-align: right; vertical-align: middle; background-color: #FFFFFF;}
td.roptitletotal {border: 1px outset; font: 13px 'Arial';font-weight: bold; text-align: right; padding: 2px 2px 2px 2px}
td.ropcellnumbertotal {border: 1px outset; font: 16px 'Arial';font-weight: 800; text-align: center; vertical-align: middle;}
td.resultsropdatalinkover {background-color: #53A5DA; border: 2px groove; color: #FFFFFF; cursor: hand; font-family: "Montserrat", Montserrat; font-size: 10px; text-align: right; text-decoration: underline; vertical-align: middle;}

table.chatcontainer {}
td.chatlistcontainer {padding: 8px 8px 8px 8px; width: 360px;}
div.chatlist {border: 1px solid #DBDBDB; overflow: auto;}
table.chatlist {}
td.chatlist {padding: 8px 8px 8px 8px;}

td.chatbodycontainer {} 
table.chatbody {}
td.chatbodytitlecontainer {padding: 8px 8px 0px 0px;}
td.chatdisplaycontainer {padding: 8px 8px 8px 0px;}
div.chatdisplay {border: 1px solid #DBDBDB; overflow: auto;}
td.chattextcontainer {padding: 0px 8px 8px 0px;}

table.chattitlecontainer {}
td.chattitlecontainer {}
table.chattitle {background-color: #F6F6F6; border: 1px solid #DBDBDB; height: 100%; width: 100%}
td.chattitleleft {width: 8px;}
td.chattitletext {font: 16px 'Arial'; padding: 4px 4px 4px 4px;}
td.chattitlenavigation {}
td.chattitleright {width: 8px;}

table.chattext {border: 1px solid #DBDBDB;}
td.chattext {padding: 4px 4px 4px 8px;}
td.chatsend {padding: 4px 8px 4px 4px;}

div.chatconversation {border: 1px solid #DBDBDB; padding: 8px 8px 8px 8px;}
table.chatconversation {}

td.chatconversationphoto {width: 72px;}
table.chatconversationphoto {height: 100%; width: 100%;}
td.chatconversationimage {text-align: center;}
img.chatconversationimage {height: 72px; width: 64px;}
td.chatconversationdatetime {font: 10px 'Arial'; padding: 4px 4px 4px 0px; text-align: center;}

td.chatconversationinfo {vertical-align: top;}
table.chatconversationinfo {}
td.chatinfocompany {font: 16px 'Arial'; font-weight: bolder; padding: 2px 2px 2px 2px; vertical-align: middle;}
td.chatinfounread {padding: 2px 2px 2px 2px;}
div.chatinfounread {background-image: URL('../images/email/unread.png'); background-repeat: no-repeat; background-size: 16px 16px; height: 16px; width: 16px;}
td.chatinfoname {font: 14px 'Arial'; padding: 2px 2px 2px 2px;}
td.chatinfomessage {border-top: 1px solid #DBDBDB; font: 16px 'Arial'; padding: 2px 4px 2px 4px;}

table.chatmessages {}
td.chatmessage {padding: 8px 8px 8px 8px;}
table.chatmessage {border: 1px solid #DBDBDB; max-width: 60%;}
td.chatmessagetime {font: 10px 'Arial'; font-weight: bold; padding: 4px 4px 4px 4px;}
td.chatmessagetext {font: 14px 'Arial'; padding: 0px 4px 8px 4px;}

table.chatlistsearchcontainer {}
td.chatlistcontainersearchtext {padding: 0px 0px 8px 0px;}
td.chatlistcontainersearch {}

table.scoreindicator {}
td.scoreindicatorvalue {background-color: #C0C0C0; border: 1px solid #DBDBDB; border-radius: 16px; font: 16px 'Arial';}

td.scoreindicatortitle {font: 16px 'Arial'; padding: 4px 4px 4px 4px;}


table.timedetail {}
table.timedetail{background-color:#FFFFFF;color:#666666;width: 100%;font-size:18px;font:'Arial';}


td.scoreindicatortitle {font: 16px 'Arial'; padding: 4px 4px 4px 4px;}


table.scorebdcindicator { background-color: 	#dddddd; }
td.scorebdcindicatorvalue {background-color: 	#ffffff; border: 1px solid #a1a1a1; padding: 3px 4px; border-radius: 300px; width :0; font: 11px 'Arial';}
td.scorebdcindicatortitle {font: 11px 'Arial'; padding: 4px 4px 4px 4px;}

td.scorebdclabelavalue {background-color: 	#ffb2b2; border: 1px solid #FF0000; padding: 3px 4px; width :50; font: 11px 'Arial';}
td.scorebdclabelatitle {font: 11px 'Arial'; padding: 4px 4px 4px 4px;}

td.scorebdclabelbvalue {background-color: 	#b2b2ff; border: 1px solid #0000FF; padding: 3px 4px; width :50; font: 11px 'Arial';}
td.scorebdclabelbtitle {font: 11px 'Arial'; padding: 4px 4px 4px 4px;}

iframe.multiseguimientos{left: 0; top: 0; width: 100%; height: 100%; border: none;}

.btncamino {
  -moz-box-shadow:inset 0px 0px 0px 0px #228025;
  -webkit-box-shadow:inset 0px 0px 0px 0px #228025;
  box-shadow:inset 0px 0px 0px 0px #228025;
  background-color:#228025;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:20.52px;
  border:1px solid #ffffff;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  height:30px;
  line-height:30px;
  width:105px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 0px 0px #228025;
  background-image: url("../images/actions/llegob.png");
  background-repeat:no-repeat;
  cursor: pointer;
}.btncamino:hover {
  background-color:#228025;
  text-decoration: underline;
}.btncamino:active {
  position:relative;
  top:1px;
}

.btntarde {
  -moz-box-shadow:inset 0px 0px 0px 0px #e1b70e;
  -webkit-box-shadow:inset 0px 0px 0px 0px #e1b70e;
  box-shadow:inset 0px 0px 0px 0px #e1b70e;
  background-color:#e1b70e;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:24.36px;
  border:1px solid #ffffff;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  height:30px;
  line-height:30px;
  width:87px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 0px 0px #e1b70e;
  background-image: url("../images/actions/tardeb.png");
  background-repeat:no-repeat;
  cursor: pointer;
}.btntarde:hover {
  background-color:#E1B70E;
  text-decoration: underline;
}.btntarde:active {
  position:relative;
  top:1px;
}

.btnnollegare {
  -moz-box-shadow:inset 0px 0px 0px 0px #ce0516;
  -webkit-box-shadow:inset 0px 0px 0px 0px #ce0516;
  box-shadow:inset 0px 0px 0px 0px #ce0516;
  background-color:#ce0516;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:20.52px;
  border:1px solid #ffffff;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  height:30px;
  line-height:30px;
  width:86px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 0px 0px #ce0516;
  background-image: url("../images/actions/llegob.png");
  background-repeat:no-repeat;
  cursor: pointer;
}.btnnollegare:hover {
  background-color:#CE0515;
  text-decoration: underline;
}.btnnollegare:active {
  position:relative;
  top:1px;
}

.btnllegue {
  -moz-box-shadow:inset 0px 0px 0px 0px #51c128;
  -webkit-box-shadow:inset 0px 0px 0px 0px #51c128;
  box-shadow:inset 0px 0px 0px 0px #51c128;
  background-color:#51c128;
  -webkit-border-top-left-radius:6px;
  -moz-border-radius-topleft:6px;
  border-top-left-radius:6px;
  -webkit-border-top-right-radius:6px;
  -moz-border-radius-topright:6px;
  border-top-right-radius:6px;
  -webkit-border-bottom-right-radius:6px;
  -moz-border-radius-bottomright:6px;
  border-bottom-right-radius:6px;
  -webkit-border-bottom-left-radius:6px;
  -moz-border-radius-bottomleft:6px;
  border-bottom-left-radius:6px;
  text-indent:20.64px;
  border:1px solid #ffffff;
  display:inline-block;
  color:#ffffff;
  font-family:Arial;
  font-size:11px;
  font-weight:bold;
  font-style:normal;
  height:30px;
  line-height:30px;
  width:83px;
  text-decoration:none;
  text-align:center;
  text-shadow:1px 0px 0px #51c128;
  background-image: url("../images/actions/llegue.png");
  background-repeat:no-repeat;
  cursor: pointer;
}.btnllegue:hover {
  background-color:#51C128;
  text-decoration: underline;
}.btnllegue:active {
  position:relative;
  top:1px;
}

table.scorecardheadercontainer {}
td.scorecardheadercontainer {}
table.scorecardheader {background-color: #022986;}
td.scorecardheaderleft {}
td.scorecardheadertext {color: #FFFFFF; font-family: "Montserrat", Montserrat; font-size: 18px;; padding: 4px;}
td.scorecardheadernavigation {}
td.scorecardheaderright {}
td.scorecardheaderactionimage {padding: 4px;}
input.scorecardheaderactionimage {height: 16px; width: 16px;}
td.scorecardheaderactionimageover {padding: 4px;}
input.scorecardheaderactionimageover {height: 16px; width: 16px;}

.imgbackground {
  background-image: url("../images/newbg/gm.jpg");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.genericobackground {
  background-image: url("../images/newbg/sicop.jpg");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.backgroundMazda {
  background-image: url("../images/newbg/mazda.JPG");
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  background-size: cover;
}

.bandas{
  background: rgba(15,66,114, 0.8);
  height: 20%;
  width: 100%;
}

.bandasgenericas{
  background: rgba(236,239,249, 0.8);
  height: 20%;
  width: 100%;
}

.bandasnissan{
  background: rgba(176,187,192, 0.8);
  height: 20%;
  width: 100%;
}

.titleView {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 40px;
  color: white;
}

.titleViewNissan {
  font-family: 'OpenNissanBold'; 
  font-size: 40px;
  color: #000000;
}

.titleViewNissanRed {
  font-family: 'OpenNissanBold'; 
  font-size: 40px;
  color: #C3002F;
}

.titleViewGenerico {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 40px;
  color: #283BB5;
}

.textViewLabel {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 15px;
  color: #76AADB;
  text-align: center;
}

.textViewLabelNissan {
  font-family: 'OpenNissanBold'; 
  font-size: 15px;
  color: #C3002F;
  text-align: center;
}

.textViewLabelMazda {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 15px;
  color: #C0C0C0;
  text-align: center;
}

.textViewLabelgenerico {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 15px;
  color: white;
  text-align: center;
}

.textView {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 15px;
  color: white;
  text-align: center;
}

.textViewgenerico {
  font-family: 'BebasNeueRegular'; 
  font-weight: normal; 
  font-style: normal; 
  font-size: 15px;
  color: #283BB5;
  text-align: center;
}

.textViewnissan {
  font-family: 'OpenNissanLight'; 
  font-size: 15px;
  color: #000000;
  text-align: center;
}

*.bk-gr {
  background-color:  #96be1f !important;
  font-family: "Montserrat", Montserrat !important;
  font-size: 18px !important;

}

*.bk-bl {
  background-color:  #022986 !important;
  font-family: "Montserrat", Montserrat !important;
  font-size: 18px !important;
  color: white !important;
}

*.bk-rd {
  background-color:  #C3002F !important;
  font-family: 'OpenNissanLight' !important;
  font-size: 18px !important;
  color: white !important;
}

*.rotate-title {
  display:block; 
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); 
  font-size: 8.5px;
}

iframe.Information{height: 100%; width: 100%; border: none;}

div.task {background-color: #FAFAFA; border: 1px solid #DBDBDB; box-sizing: border-box; height: 100%; padding: 8px; position: relative; width: 100%;}
div.taskheader {box-sizing: border-box; display: grid; grid-auto-flow: column; grid-gap: 8px; height: 56px; left: 0px; padding: 8px; position: absolute; top: 0px; width: 100%;}
div.taskbody {box-sizing: border-box; height: calc(100% - 56px); left: 0px; overflow: auto; padding: 0px; position: absolute; top: 56px; width: 100%; padding: 8px;}
div.taskitems {display: grid; grid-auto-flow: row; grid-gap: 16px; width: 100%;}
div.taskitem {box-sizing: border-box; box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.24); border: 1px solid #DBDBDB; display: grid; grid-auto-flow: column; grid-template-columns: repeat(12, 1fr); height: 140px; padding: 8px;}
div.taskdatetime {grid-column: 1/5; grid-row: 1; font-size: 12px; font-weight: bold; overflow: hidden; text-align: left; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;}
div.tasktitle {grid-column: 6/grid-column-end; grid-row: 1; font-size: 12px; font-size: 12px; font-weight: bold; overflow: hidden; text-align: right; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;}
img.taskimage {grid-column: 1/span 3; grid-row: 3/span 2; height: 48px; place-self: center center; padding: 4px; width: 48px;}
div.taskactivity {grid-column: 4/grid-column-end; grid-row: 3; font-size: 16px; font-weight: bold; vertical-align: middle; overflow: hidden; padding: 4px; text-align: left; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;}
div.taskdetailactivity {grid-column: 4/grid-column-end; grid-row: 4; font-size: 11px; font-weight: bold; vertical-align: middle; overflow: hidden; padding: 8px 4px; text-align: left; text-overflow: ellipsis; vertical-align: middle; white-space: nowrap;}
div.tasktoolbar {grid-column: 1/grid-column-end; grid-row: 5;}
div.tasktoolbar>table.button {float: right; width: 32px;}
div.tasktoolbar>table.buttonover {float: right; width: 32px;}
div.tasktoolbar>table.buttondown {float: right; width: 32px;}
td.pdcn{padding: 11px 8px;}
div.taskitemAssurant {box-sizing: border-box; box-shadow: 6px 6px 4px 0px rgba(0,0,0,0.24); border: 1px solid #DBDBDB; padding: 8px;}

td.resultsrowheaderBeneficio {font-family: "Montserrat", Montserrat; font-size: 10px; text-align: left; vertical-align: middle;}


@font-face {
  font-family: 'OpenNissanBold';
  src: URL('../fonts/NissanBrandBold.otf') format('truetype');
}

@font-face {
  font-family: 'OpenNissanLight';
  src: URL('../fonts/NissanBrandLight.otf') format('truetype');
}

@font-face {
  font-family: 'Montserrat';
  src: URL('../fonts/fuentes/Montserrat-Medium.ttf') format('truetype');
}