html, body {
    height: 100%;
    padding:0px;
    margin:0px;
    font-size: 14px;
}
div {
    font-family: Verdana, Tahoma, sans-serif;
}
textarea, select, input, input[type=button], input[type=submit], input[type=file], button[type=submit] {
  border-color: #bbbbbb;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
}
button {
	background: #A5AFD5; /*GIIS claro*/
	color: white;
	font-weight: bold;
	height: 22px;
	border-width: 0px;
    border-radius: 3px;
    padding-top: 1px;
    padding-bottom: 1px;
}
button:hover {
	background:  #004C99; /*GIIS*/
	color: #A5AFD5; /*GIIS claro*/
}
a:link, a:visited, .link-to-card {
  color: blue;
}
a:hover, .link-to-card:hover{
  color:purple;
  cursor:pointer;
}
legend {
    font-family: Verdana,sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    color: #004C99;
}
fieldset {
	margin-top: .5em;
    border: #004C99 thin solid;
    border-radius: 4px;
}
.ui-dialog-titlebar {
	color: #004C99; /*GIIS*/
	background: #dfe2f0; /*GIIS claro un poco mas claro*/
	font-size: 16px;
	font-family: Verdana, Tahoma, sans-serif;
}
.giis-title-blue {
    color: #004C99; /*GIIS*/
}
.rk-board {
    width: 100%;
    height:100%;
    display: block;
    clear: both;
    overflow-x: auto;
}

/* Definicion de ancho de columna, para 1024px permite cuatro tarjetas visibles mas las dos ocultas.
Este sera el minimo posible de anchura, el resto sera flex 1 (ocupar el ancho total).
Si el dispositivo es muy estrecho, solo vera una columna y un poco de la siguiente*/
.rk-sizeable {
	min-width: 234px;
    flex: 1;
}
@media only screen and (max-width: 420px) {
	.rk-sizeable { min-width: 85%; }
}

/* 
Estilos para textos de cabecera, completos o abreviados
*/
.short-text { display: none; }
.full-text { display: inline-block; }
.narrow-line { display: inline-block; }
.short-text-title { display: none; }
.full-text-title { display: inline-block; }

@media only screen and (min-width: 800px) and (max-width: 1075px) {
	.short-text-title { display: inline-block; }
	.full-text-title { display: none; }	
}
@media only screen and (max-width: 800px) {
    .short-text { display: inline-block; }
    .full-text { display: none; }
    .short-text-title { display: inline-block; }
    .full-text-title { display: none; }
    /*.giis-title-blue { font-size: 16px !important; }*/
}
@media only screen and (max-width: 600px) {
	.narrow-line { clear: both; display: block; margin-left: 4px; margin-top: 4px; }
}

.rk-statuses {
    margin:0px;
    padding:0px;
    display: flex;
    height:30px;
    clear: both;
}
.rk-status {
    margin: 2px; /*0 10px 0 0;*/
    padding: 2px;
    background-color: #004C99; /*GIIS*/
    border-radius: 3px;
    color: #FFFFFF; /*GIIS*/
    font-weight:bold;
    /*font-size:14px;*/
    position: relative;
}
.rk-status-hidden {
    margin: 2px;
    padding: 2px;
    color: #FFFFFF;
    border-radius: 3px;
    font-weight:bold;
    /*font-size:14px;*/
    background-color: #A5AFD5; /*GIIS claro*/
    flex: 0 0 22px;
}
.rk-columns {
    margin:0px;
    height:calc(100vh - 100px);
    padding:0px;
    display: flex;
    clear: both;
}
.rk-column {
    /*height: 70%;*/
    margin: 2px; /*10px 10px 10px 0;*/
    padding: 2px; /*1rem;*/
    background: #f0f8ff; /* #f2f2f2;*/
    border-radius: 3px;
    overflow-y: auto;/*auto*/
    overflow-x: hidden;
}
.rk-column-hidden {
    margin: 2px;
    padding: 2px;
    background: #A5AFD5; /*GIIS claro*/
    color: #FFFFFF;
    border-radius: 3px;
    font-weight:bold;
    /*font-size:14px;*/
 	writing-mode: tb-rl; 
    flex: 0 0 22px;
}
.rk-card {
    /*width: 99%;*/
    height: auto;
    margin: 2px 2px 4px 2px;
    padding: 0px 0px 2px 0px;
    display: block;
    clear: both;
    background: #FFF;
    border: none; /*border: 1px solid #c0c2cd;*/
    border-radius: 5px;
    -webkit-transition: -webkit-transform 300ms ease-in-out;
    -moz-transition: -moz-transform 300ms ease-in-out;
    -ms-transition: -ms-transform 300ms ease-in-out;
    -o-transition: -o-transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
    transform: rotate(0deg);
}
.rk-card-header {
    padding: 4px 2px 4px 2px;
    display: block;
    clear: both;
    font-size:13px;
	/*width: 100%;*/
	background-color:LightGrey; /*se modificara al cargar recursos*/
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
    color: #FFF;
    opacity: 0.80;
    cursor: move;
}
.rk-card-header-indicators {
    float :right; 
    font-weight: bold;
}
/*
option {
	opacity: 1.0 !important;
	background: #FFFFFF !important;
	color: #000000 !important;
}
select {
	opacity: 1.0 !important;
	background: #FFFFFF !important;
	color: #000000 !important;
}
*/
.rk-card-error-message {
    padding: 2px;
    font-size: 13px;
    color: red;
    display: block;
    clear: both;
}
.rk-card-subject {
    padding: 0 0px 0px 2px;
    /*font-size: 14px;*/
    /*display: block;
    clear: both;*/
}
.rk-card-description {
    /*font-size: 13px;*/
    padding: 0px 0px 0px 2px;
    /*display: block;
    clear: both;*/
}
.rk-editor-alabel-view {
    font-weight:normal;
	font-size: 12px;
	padding-bottom: 1px;
	border-radius: 8px;
}
.rk-editor-calabel-view {
    font-weight:bold;
	cursor:pointer;
}
.rk-status-card-count {
	cursor:default;
}
.rk-notes {
	display: block;
    clear: both;
}
.rk-note {
    font-size: 13px;
    margin: 2px 0px 0px 0px;
    border-top: 1px solid #A5AFD5; /*GIIS claro*/
    display: block;
    clear: both;
}
.rk-note-expand-unread {
    color:red;
    font-weight:bold;
	cursor:zoom-in;
}
.rk-note-mark-read {
    color:red;
    font-weight:bold;
}
.rk-note-mark-read:hover {
    color:purple !important;
    font-weight:bold;
}
.rk-note-unread-count-by-status {
	font-size:16px;
	background: white;
    color:red;
    font-weight:bold;
    cursor:default;
}
.rk-note-from {
	font-size: 11px;
	font-style: italic;
	cursor:help;
}
a.rk-note-from:hover {
	color: #004C99; /*GIIS*/
	text-decoration: underline;
	cursor:help;
}
.rk-note-mail {
	cursor:help;
}
.rk-card-estimatedhours {
    /*font-size: 13px;*/
    /*padding: 2px 0px 2px 0px;*/
    cursor: text;
}
.rk-status-show-column {
    cursor: zoom-in;
}
.rk-status-hide-column {
    cursor: zoom-out;
}
.rk-icon-description-show, .rk-icon-notes-show {
    cursor: zoom-in;
}
.rk-icon-description-hide, .rk-icon-notes-hide {
    cursor: zoom-out;
}
.rk-editor-magnify-left {
    cursor: text;
}
.rk-editor-magnify-right {
    cursor: text;
}
.rk-card-doneratio {
    /*font-size: 13px;*/
    /*padding: 2px 0px 2px 0px;*/
    cursor: text;
}
.rk-card-new {
    width: 100%;
    margin: 10px 2px 10px 2px;
    padding: 10px 0px 10px 2px;
    background-color: #004C99; /*GIIS*/
    color:white;
    font-weight: bold;
    font-size:16px;
    display: block;
    clear: both;
}
.rk-card-new-placeholder:hover, .rk-card-new-top-icon:hover {
    color:#A5AFD5; /*GIIS claro*/
}
.rk-card-new-top-icon {
	cursor:default;
}
.rk-editor {
    /*font-size: 14px;*/
}
.rk-editor-viewplaceholder { /*evita wrap en nombres de recursos*/
	white-space: nowrap;
  	overflow: hidden;
}
.rk-editor-small {
    font-size: 13px;
}
.rk-editor-plusplaceholder { /*evita wrap en nombres de recursos*/
	color: #004C99 !important; /*GIIS*/
}
.rk-editor-plusplaceholder:hover { /*evita wrap en nombres de recursos*/
	color: purple !important;
}
/*.rk-card-description:before {
    content: "Acceptance Criteria: ";
    font-weight: bold;
}*/

.rk-sortable-placeholder {
    width: 100%;
    height: 60px;
    margin: 0 0 10px;
    display: block;
    clear: both;
    border: 1px dashed #000;
}
.rk-icon-undo {
    padding: 0px 3px 1px 3px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    background: white;
    color: blue;
	border: 1px solid white;
    cursor: default;
}
.rk-icon-do {
    padding: 0px 3px 1px 3px;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    background: white;
    color: forestgreen;
	border: 1px solid white;
    cursor: default;
}
.rk-icon-undo:hover {
    padding: 1px 3px 1px 3px;
    background: lightYellow;
	border: 1px solid blue;
}
.rk-icon-do:hover {
    padding: 1px 3px 1px 3px;
    background: lightYellow;
	border: 1px solid forestgreen;
}
.rk-search-dialog-item div {
    cursor: zoom-in !important;
}
.rk-search-dialog-item {
    padding: 2px;
}
.rk-search-dialog-item:hover > div {
    padding: 2 px;
    background: #dfe2f0;
}