@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-Light-webfont.woff') format('woff'); font-weight:300; font-style:normal; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-LightItalic-webfont.woff') format('woff'); font-weight:300; font-style:italic; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-Regular-webfont.woff') format('woff'); font-weight:400; font-style:normal; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-Italic-webfont.woff') format('woff'); font-weight:400; font-style:italic; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-Semibold-webfont.woff?b71f7eb055df') format('woff'); font-weight:500; font-style:normal; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-SemiboldItalic-webfont.woff?184ae714e124') format('woff'); font-weight:500; font-style:italic; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-Bold-webfont.woff?1281b6468aa3') format('woff'); font-weight:600; font-style:normal; }
@font-face{ font-family:'Open Sans'; src:url('/fonts/OpenSans-BoldItalic-webfont.woff?3c50c3e67f24') format('woff'); font-weight:600; font-style:italic; }

body{ overflow-x: hidden; /*background-color: #E6E6E6 !important;*/ }

a{ color:#1296d6; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:inherit; font-weight:normal; line-height:inherit; text-decoration:none; }
a:hover{ color:#0e75a7; }
p{ margin:0 0 10px; font-size:15px; font-weight:normal; line-height:20px; }
p small{ font-size:13px; color:#999; }
h1,h2,h3,h4,h5,h6{ margin:0; font-weight:500; color:#444; text-rendering:optimizelegibility; }
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{ font-weight:normal; color:#999; }
h1{ font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:30px; font-weight:normal; line-height:30px; color:#008592; text-shadow:0 1px 0 #fff; margin:5px 0 20px; }
h1 small { font-size:18px; }
h2{ color:#0a4865; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:18px; font-weight:500; line-height:20px; margin:30px 0 10px; }
h2 small{ font-size:18px; }
h3{ line-height:30px; font-size:16px; }
h3 small{ font-size:14px; }
h4,h5,h6{ line-height:20px; }
h4{ font-size:14px; color:#768993; text-transform:uppercase; text-shadow:0 1px 0 #fff; }
h4 small { font-size:12px; }
h5 { font-size:12px; }
h6 { font-size:11px; color:#999; text-transform:uppercase; }
ul,ol{ padding:0; margin:0 0 10px 25px; }
ul ul,ul ol,ol ol,ol ul{ margin-bottom:0; }
ul{ list-style:disc; }
ol{ list-style:decimal; }
li{ line-height:20px; }
hr{ margin:20px 0; border:0; border-bottom:1px solid #e3e3e3; }
strong{ font-weight:600; }

blockquote{ padding:0 0 0 15px; margin:0 0 20px; }
blockquote p{ margin-bottom:0; font-size:16px; font-weight:300; line-height:25px; }
blockquote small{ display:block; line-height:20px; color:#999; }
blockquote small:before{ content:'\2014 \00A0'; }
blockquote.pull-right{ float:right; padding-left:0; padding-right:15px; border-left:0; border-right:5px solid #bbb; }
blockquote.pull-right p,blockquote.pull-right small{ text-align:right; }
address{ display:block; margin-bottom:20px; line-height:20px; font-style:normal; }
.error,.error-text{ color:#900; }
.success,.success-text{ color:#74aa00; }
.highlight-text{ background-color:#f4f2d4; padding:2px 3px; }
code,pre{ font-family:Menlo,Monaco,"Courier New",monospace; font-size:14px; font-weight:normal; line-height:20px; color:#999; }
small {	font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:13px; font-weight:normal; line-height:16px; }
small a { font-weight:normal; font-style:normal; }
label,input,button,select,textarea { font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:15px; font-weight:normal; line-height:20px; }
label {	color:#495f6b; font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;	font-size:13px;	font-weight:500; line-height: 15px; }

/* Departamento de Cursores */
    .cursor-default{ cursor: default; }
    .cursor-default-important{ cursor: default !important; }
    .cursor, .pointer, .cursor-pointer{ cursor: pointer; }
    .cursor-important, .pointer-important{ cursor: pointer !important; }
    .cursor-question, .cursor-help{cursor: help; }
    .cursor-question-important, .cursor-help-important{cursor: help !important; }
    .cursor-move{ cursor: move; }
    .cursor-move-important{ cursor: move !important; }
    .cursor-baned{cursor: not-allowed;}
    .cursor-baned-important{cursor: not-allowed !important;}
/* Departamento de Cursores */

/* Departamento de Textos */
    .white, .text-white{ color: #FFF; }
    .white-important, .text-white-important{ color: #FFF !important; }
    .grey, .text-grey{ color: #CCC; }
    .grey-important, .text-grey-important{ color: #CCC !important; }
    .text-333{ color: #333; }
    .text-333-important{ color: #333 !important; }
    .text-666{ color: #666; }
    .text-666-important{ color: #666 !important; }
    .text-999{ color: #999; }
    .text-999-important{ color: #999 !important; }
    /*.text-boot{ color: #6f5499; }
    .text-boot-important{ color: #6f5499 !important; }*/
    .text-boot{ color: #563d7c; }
    .text-boot-important{ color: #563d7c !important; }
    
    .boot{ background: #8892BF; }
    .boot-important{ background: #8892BF !important; }
    
    tr.boot{ background: #E6E6E6 !important; }
    tr.boot:hover{ background: #8892BF !important; }
    
    
    
    .text-orange{ color: #FE9A2E; }
    .text-orange-important{ color: #FE9A2E !important; }

    .text-trimary{ color: #293A4A; }
    .text-trimary-important{ color: #293A4A !important; }
    .underline, .text-underline{ text-decoration: underline; }
    .underline-important, .text-underline-important{ text-decoration: underline !important; }
    .bold, .text-bold{ font-weight: bold; }
    .bold-important, .text-bold-important{ font-weight: bold !important; }
    .hidden-link{ text-decoration: none; }
    .popover-link{ text-decoration: none !important; cursor: help !important; }
    
    .-1-spancing{ letter-spacing: -1px; }
    .-1-spancing-important{ letter-spacing: -1px !important; }
    .-2-spancing{ letter-spacing: -2px; }
    .-2-spancing-important{ letter-spacing: -2px !important; }

    .line-1-spancing{ letter-spacing: -1px; }
    .line-1-spancing-important{ letter-spacing: -1px !important; }
    .line-2-spancing{ letter-spacing: -2px; }
    .line-2-spancing-important{ letter-spacing: -2px !important; }

    .text-interline-10{ line-height: 10px; }
    .text-interline-10-important{ line-height: 10px !important; }
    .text-interline-12{ line-height: 12px; }
    .text-interline-12-important{ line-height: 12px !important; }
    .text-interline-14{ line-height: 14px; }
    .text-interline-14-important{ line-height: 14px !important; }
    .text-interline-16{ line-height: 16px; }
    .text-interline-16-important{ line-height: 16px !important; }

    .text-upper{ text-transform: uppercase; }
    .text-upper-important{ text-transform: uppercase !important; }
    .text-lower{ text-transform: lowercase; }
    .text-lower-important{ text-transform: lowercase !important; }
    .text-capital{ text-transform: capitalize; }
    .text-capital-important{ text-transform: capitalize !important; }

    .text-9{ font-size: 9px; }
    .text-9-important{ font-size: 9px !important; }
    .text-10{ font-size: 10px; }
    .text-10-important{ font-size: 10px !important; }
    .text-11{ font-size: 11px; }
    .text-11-important{ font-size: 11px !important; }
    .text-12{ font-size: 12px; }
    .text-12-important{ font-size: 12px !important; }
    .text-13{ font-size: 13px; }
    .text-13-important{ font-size: 13px !important; }
    .text-14{ font-size: 14px; }
    .text-14-important{ font-size: 14px !important; }
    .text-16{ font-size: 16px; }
    .text-16-important{ font-size: 16px !important; }
    .text-22{ font-size: 22px; }
    .text-22-important{ font-size: 22px !important; }
    .text-24{ font-size: 24px; }
    .text-24-important{ font-size: 24px !important; }

    .text-left-important{ text-align: left !important; }
    .text-right-important{ text-align: right !important; }
/* Departamento de Textos */

/* Departamento de Padding */
    .no-padding{ padding: 0px; }
    .no-padding-important{ padding: 0px !important; }
    .no-margin{ margin: 0px; }
    .no-margin-important{ margin: 0px !important; }
    .margin-inherit{ margin: inherit; }
    .margin-inherit-important{ margin: inherit !important; }

    .padding-10{ padding: 10px; }
    .padding-10-important{ padding: 10px !important; }
    .padding-20{ padding: 20px; }
    .padding-20-important{ padding: 20px !important; }
    .padding-30{ padding: 30px; }
    .padding-30-important{ padding: 30px !important; }
    .padding-40{ padding: 40px; }
    .padding-40-important{ padding: 40px !important; }
    .padding-50{ padding: 50px; }
    .padding-50-important{ padding: 50px !important; }

    .padding-top-10{ padding-top: 10px; }
    .padding-top-10-important{ padding-top: 10px !important; }
    .padding-top-20{ padding-top: 20px; }
    .padding-top-20-important{ padding-top: 20px !important; }
    .padding-left-10{ padding-left: 10px; }
    .padding-left-10-important{ padding-left: 10px !important; }
    .padding-left-20{ padding-left: 20px; }
    .padding-left-20-important{ padding-left: 20px !important; }
    .padding-left-30{ padding-left: 30px; }
    .padding-left-30-important{ padding-left: 30px !important; }
    .padding-left-40{ padding-left: 40px; }
    .padding-left-40-important{ padding-left: 40px !important; }

    .padding-right-10{ padding-right: 10px; }
    .padding-right-10-important{ padding-right: 10px !important; }
    .padding-right-20{ padding-right: 20px; }
    .padding-right-20-important{ padding-right: 20px !important; }
    .padding-right-30{ padding-right: 30px; }
    .padding-right-30-important{ padding-right: 30px !important; }
    .padding-right-40{ padding-right: 40px; }
    .padding-right-40-important{ padding-right: 40px !important; }

    .padding-sides-10{ padding: 0px 10px; }
    .padding-sides-10-important{ padding: 0px 10px !important; }
    .padding-sides-20{ padding: 0px 20px; }
    .padding-sides-20-important{ padding: 0px 20px !important; }
    .padding-sides-30{ padding: 0px 30px; }
    .padding-sides-30-important{ padding: 0px 30px !important; }
    .padding-sides-40{ padding: 0px 40px; }
    .padding-sides-40-important{ padding: 0px 40px !important; }
    .padding-sides-50{ padding: 0px 50px; }
    .padding-sides-50-important{ padding: 0px 50px !important; }

    .padding-sides-20-important{ padding: 0px 20px !important; }
    .padding-sides-30-important{ padding: 0px 30px !important; }
    .padding-sides-40-important{ padding: 0px 40px !important; }
    .padding-sides-50-important{ padding: 0px 50px !important; }
/* Departamento de Padding */

/* Departamento de Margin */
    .margin-top-10{ margin-top: 10px; }
    .margin-top-10-important{ margin-top: 10px !important; }
    .margin-top-20{ margin-top: 20px; }
    .margin-top-20-important{ margin-top: 20px !important; }
    .margin-top-40{ margin-top: 40px; }
    .margin-top-40-important{ margin-top: 40px !important; }
    .margin-top-50{ margin-top: 50px; }
    .margin-top-50-important{ margin-top: 50px !important; }

    .margin-bottom-10{ margin-bottom: 10px; }
    .margin-bottom-10-important{ margin-bottom: 10px !important; }
    .margin-bottom-20{ margin-bottom: 20px; }
    .margin-bottom-20-important{ margin-bottom: 20px !important; }
    .margin-bottom-40{ margin-bottom: 40px; }
    .margin-bottom-40-important{ margin-bottom: 40px !important; }
    .margin-bottom-50{ margin-bottom: 50px; }
    .margin-bottom-50-important{ margin-bottom: 50px !important; }

    .margin-left-10{ margin-left: 10px; }
    .margin-left-10-important{ margin-left: 10px !important; }
    .margin-right-10{ margin-right: 10px; }
    .margin-right-10-important{ margin-right: 10px !important; }
    .margin-left-20{ margin-left: 20px; }
    .margin-left-20-important{ margin-left: 20px !important; }
    .margin-right-20{ margin-right: 20px; }
    .margin-right-20-important{ margin-right: 20px !important; }
/* Departamento de Margin */

.add_hidden{ display: none !important; visibility: hidden !important; }
.no-list{ list-style: none; }

.hover-backgroud-ccc{  }
.hover-backgroud-ccc:hover{ background: #CCC; }
.hover-backgroud-ccc-important:hover{ background: #CCC !important; }
.hover-backgroud-333:hover{ color: #FFF; background: #333; }
.hover-backgroud-333-important:hover{ color: #FFF !important; background: #333 !important; }

.bg-info{ background-color: #D9EDF7; }
.bg-info-important{ background-color: #D9EDF7 !important; }

.bordered{ border: 1px solid; }
.bordered-important{ border: 1px solid !important; }
.bordered-ccc{ border: 1px solid #CCC; }
.bordered-ccc-important{ border: 1px solid #CCC !important; }

.border-top{ border-top: 1px solid; }
.border-top-important{ border-top: 1px solid !important; }
.border-bottom{ border-bottom: 1px solid; }
.border-bottom-important{ border-bottom: 1px solid !important; }

.hover-backgroud-grey:hover{ background: #E6E6E6; }

.img-binpanel{ width: 25px; }
body{ color: #4e6d7c; }
#page-container.page-container{ padding-top: 90px; }
#header.header{ z-index: 1020; margin-bottom: 0; min-height: 110px; position: fixed; top: 0; right: 0; left: 0; background: #2F414A; }
#sidebar.sidebar{ position:fixed; z-index: 1010; left: 0; width: 250px; top: 0; bottom: 0; padding-top: 70px; background: #E6E6E6; overflow-y: scroll; }
#sidebar #side-explorer.side-explorer{ float:left; width: 204px; color: #FFF; }
#sidebar #side-icos.side-icos{ position: fixed; top: 140px; left: 230px; width: 25px; background: #FFF;}
#sidebar ul.lateral-menu-list{ list-style: none !important; padding-left: 10px !important; }
#sidebar #explorer-menu li {  }
#sidebar #tools-menu{ padding: 0px !important; }
#sidebar #tools-menu li{ text-align: center; color: #34495E !important; border-bottom: 1px solid #34495E; font-size: 24px; }
#sidebar #tools-menu li:hover{}
#sidebar #tools-menu li, #sidebar #tools-menu li a{ padding: 2px 0px; cursor: pointer; color: #FFF !important;}
#sidebar #tools-menu li, #sidebar #tools-menu li a:hover{ color: #34495E !important; }
/*Integracion con JQuery ToolBar*/
#sidebar #tools-menu li .btn-toolbar{ background-color: inherit !important; margin-left: 0px !important; }
#sidebar #tools-menu li .btn-toolbar.btn-toolbar-light{ padding: inherit; width: 40px; height: 40px; text-align: center; }
#sidebar #tools-menu li .btn-toolbar.btn-toolbar-light:hover, #sidebar #tools-menu li .btn-toolbar.btn-toolbar-light i:hover{ color: #34495E !important; }

#content.content{ margin-left: 250px; padding: 0px 25px 30px 25px; }
#users-container{ background: inherit !important; }

#general-navbar{ margin-bottom: 10px; }
#navbar-container-fluid{ background: inherit !important; }
#general-finder{ width: 500px;  }
#general-finder #general-finder-string{ width: 100%; border-bottom: 2px solid #CCC; }
#general-finder #general-finder-container{ width: 100%; }
#general-nav-bar .dropdown-menu>li>a, #general-finder .dropdown-menu>li>a{ padding: 5px 10px; }
.dashboard-menu .dropdown-menu>li>a { padding: 5px 10px; }
.dashboard-menu .dropdown-menu .divider{ margin: 0px; }
#general-bread{ margin: 40px 0px 0px 170px !important; width: 700px !important; max-width: 700px !important; border-radius: 0px; padding: 6px 15px 0px 15px !important; }
img#img-logo{ width: 80px; height: 80px; }

.menu-fixed{ position:fixed; z-index: 1049; top: 40px !important; max-width: 400px !important; width: auto !important;  /*box-shadow:0px 4px 3px rgba(0, 0, 0, 0.5);*/ }
.menu-action-fixed{ left: 200px; }
#general-bread.menu-fixed{ position: sticky; margin: 40px 0px 0px 170px !important; width: auto !important; max-width: 700px !important; }

/*.menu-fixed #project_proposal_manage_approve_button_trigger{ display: none; }*/

#footer{ background: #2F414A; height: 40px; color: #FFF; z-index: 1020; position: sticky; }

#taber-container{ width: 100%; height: 100%; }
#taber-container div.tab-pane{ background: #FFF; padding: 10px; }

.action-toolbar{ float:left; width: 28px; margin: 0px 2px; }
.profilePicture{ width: 200px; }

.table-project-modules{}
.table-project-modules .module-button{ width: 100px; height: 84px; }

.table-modules{}
.table-modules .module-button{ width: 100px; height: 84px; }

.img-binpanel-lateralPanel{width: 25px;}/* Imagenes del Panel Lateral del Panel Principal */
.img-app-lateralPanel{ width: 25px; }/* Imagenes del Panel Lateral de Aplicaciones */

/* Departamento de Anchuras */
    .width-auto{ width: auto; }
    .width-auto-important{ width: auto !important; }
    .width-20{ width: 20px;}
    .width-30{ width: 30px;}
    .width-50{ width: 50px;}
    .width-90{ width: 90px;}
    .width-100{ width: 100px;}
    .width-150{ width: 150px;}
    .width-200{ width: 200px;}
    .width-250{ width: 250px;}
    .width-300{ width: 300px;}
    .width-500{ width: 500px;}
    .width-1000{ width: 1000px;}
    .width-limit-30{ width: 30px !important; max-width: 30px !important; }
    .width-limit-40{ width: 40px !important; min-width: 40px !important; max-width: 40px !important; }
    .width-limit-50{ width: 50px !important; max-width: 50px !important; }
    .width-limit-60{ width: 60px !important; max-width: 60px !important; }
    .width-limit-70{ width: 70px !important; min-width: 70px !important; max-width: 70px !important; }
    .width-limit-90{ width: 90px !important; min-width: 90px !important; max-width: 90px !important; }
    .width-limit-100{ width: 100px !important; max-width: 100px !important; }
    .width-limit-150{ width: 150px !important; min-width: 150px !important; max-width: 150px !important; }
    .width-limit-200{ width: 200px !important; max-width: 200px !important; }
    .width-limit-250{ width: 250px !important; max-width: 250px !important; }
    .width-limit-300{ width: 300px !important; max-width: 300px !important; }
    .width-limit-350{ width: 350px !important; min-width: 350px !important; max-width: 350px !important; }
    .width-limit-400{ width: 400px !important; max-width: 400px !important; }
    .width-limit-500{ width: 500px !important; max-width: 500px !important; }
    .width-limit-1000{ width: 1000px !important; max-width: 1000px !important; }
/* Departamento de Anchuras */

/* Departamento de Alturas */
    .height-20{ height: 20px;}
    .height-30{ height: 30px;}
    .height-50{ height: 50px;}
    .height-60{ height: 60px;}
    .height-70{ height: 70px;}
    .height-80{ height: 80px;}
    .height-100{ height: 100px;}
    .height-200{ height: 200px;}
    .height-300{ height: 300px;}
    .height-400{ height: 400px;}
    .height-500{ height: 500px;}
    .height-600{ height: 600px;}
    .height-800{ height: 800px;}
    .height-limit-200{ max-height: 200px !important; overflow-y: scroll; }
    .height-limit-300{ max-height: 300px !important; overflow-y: scroll; }
    .height-limit-400{ max-height: 400px !important; overflow-y: scroll; }
    .height-limit-500{ max-height: 500px !important; overflow-y: scroll; }
    .height-limit-600{ max-height: 600px !important; overflow-y: scroll; }
    .height-limit-800{ max-height: 800px !important; overflow-y: scroll; }
    .height-limit-1000{ max-height: 1000px !important; overflow-y: scroll; }
/* Departamento de Alturas */
    
table.table-summary{ margin: 0px !important; }
table.table-summary tr{}
table.table-summary th{ padding: 0px !important; }
table.table-summary td{ padding: 0px !important; }


table.table-excel{ margin: 10px !important; }
table.table-excel tr{}
table.table-excel th{ padding: 1px 2px !important; }
table.table-excel td{ padding: 1px 2px !important; }

.tab-space{ padding-left: 1.8em; }
.tab-space-important{ padding-left: 1.8em !important; }
.tab-space-2x{ padding-left: 3.6em; }
.tab-space-2x-important{ padding-left: 3.6em !important; }

.summary-field{height: 20px !important; font-size: 12px !important; width: 100%;}
.checkbox{ height: inherit !important; height: auto !important; }
.celd-field{ font-size: 12px !important; width: 100% !important;}

.z_drive_file_link{}
.z_drive_file_manage_block{}
.z_drive_file_manage_block:hover{}
.z_drive_file_manage_link{ padding: 1px 2.5px; }
.z_drive_file_manage_link:hover{ background: #CCC; }
a.project_quote_section_concept_cost_preset_supplier{ color: red; }

.transaction_request_concept_row{ background: #FFF; border: 1px solid 000; }

#transaction_request_loader_container{ margin-top: -5px; }
.transaction_request_loader_bar{ margin: 0px 0px 2px 0px; padding: 4px; border: 1px solid; border-radius: 4px; }

.project_drive_files_container { border: 1px dashed #ccc; position: relative; }
#project_drive_files_container{  }
#project_drive_process_files_container{ }

.project_drive_explorer_crurlmb_link{ color: #563D7C; font-size: 11px; font-weight: bold; }

.project_drive_files_container .project_drive_file{ background: #DDDDDD; width: 120px; height: 120px; position: absolute; }
.project_drive_files_container .project_drive_folder{ background: #F5F5F5 !important; width: 120px; height: 120px; position: absolute; color: #563D7C; font-weight: bold; text-align: center !important; border: 1px solid #563D7C; border-radius: 3px; }
.project_drive_files_container .project_drive_folder:hover{ background: #DDDDDD !important; color: #008CBA !important; border: 1px solid #008CBA; cursor: pointer !important; }
.project_drive_files_container .project_drive_folder .project_drive_folder_title{ color: #563D7C !important; font-size: 12px !important; }
.project_drive_files_container .project_drive_folder .project_drive_folder_title:hover{ color: #008CBA !important; }

/*.container > div[data-ss-colspan='2'] { width: 170px; }*/
.project_drive_files_container .ss-placeholder-child { background: transparent; border: 1px dashed red; }


.agendor_date_square{ float:left; width: 14.28%; min-height: 80px; cursor: pointer; border: 1px solid #CCC; text-align: left; }
.agendor_summary_link{ width: 100%; display: block; border: 1px solid; }
.agendor_scheduler_link{ width: 100%; min-height: 60px; display: block; border: 1px solid red; }