@font-face {
  font-family: 'GothamMedium';
  src:url('../fonts/GothamRnd-Medium.otf');
  
}
body {  padding-top: 50px;}
.mainCanvas {padding: 40px 15px;}
.load-msg{margin: 20px auto 0; display: table; padding: 6px 10px 6px 0; background-color: #fcfcfc; border-radius: 4px;}
.load-msg img{float: left; margin: 0 7px; width: 16px;}
.ErrorMessage, label.ErrorMessage{color: red; font-weight: 800}
.feedbackMessage, label.feedbackMessage{color:#337ab7; font-weight: 800}
.OrangeBackground {background-color: #eb9316}
.BlueBackground {background-color: #2a6496}
.Clickable:hover {cursor: pointer;}
.Bold{font-weight: bold}
.Centered{text-align: center}
.panel-default > .panel-blue {
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.panel-default > .panel-green {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.panel-default > .panel-cyan {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-default > .panel-yellow {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-default > .panel-red {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-default > .panel-red2 {
    color: #ffffff;
    background-color: #a94442;
    border-color: #a94442;
}

.btn.btn-greenNAD.btn-xs{
    color: #fff;
    background-color: #93BF20;
    border-color: #fff;
}

.btn.btn-greenNAD:hover.btn-xs{
    color: #fff;
    background-color: #79A40A;
    border-color: #fff;
    
}

.panel-default > .panel-grayNAD{
    color: #fff;
    background-color: #7C7E7D;
    border-color: #fff;
}

.panel-default > .panel-greenNAD{
    color: #fff;
    background-color: #93BF20;
    border-color: #fff;
}

/*Cambiar font de descripcion en evaluacion- evaluador*/

.btn.btn-finish2.btn-xs{
     font-size: 18px;
    color: white;
    background-color: #4b6081;
    padding: 10px;
    box-shadow: 2px 2px 2px grey;
    font-weight: 500;
/* font-family: GothamMedium;
 font-size: 16px;
 color:black;
 background-color: #f5f5f5;*/
}

.btn.btn-finish2:hover.btn-xs{
 background-color:  lightgray;
 color: black;
}

.fontNew{
 font-family: GothamMedium;   
}



/* Tab Navigation */
.nav-tabs {
    margin: 0;
    padding: 0;
    border: 0;    
}
.nav-tabs > li > a {
    background: #ededed;
    border-radius: 0;
    box-shadow: inset 0 -8px 7px -9px rgba(0,0,0,.4),-2px -2px 5px -2px rgba(0,0,0,.4);
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover {
    background: #F5F5F5;
    box-shadow: inset 0 0 0 0 rgba(0,0,0,.4),-2px -3px 5px -2px rgba(0,0,0,.4);
}

/* Tab Content */
.tab-pane {
    background: #ffffff;
    box-shadow: 0 0 4px rgba(0,0,0,.4);
    border-radius: 0;
    text-align: center;
    padding: 10px;
}

/* Editor styling */
.ta-toolbar {
	background-color: #F0F0F0;
	padding: 10px 10px 5px;
	margin-left: 0px; /* Override bootstrap */
	border: 1px solid #EEE;
}

.ta-toolbar .btn-group {
	margin-bottom: 5px;
}

.ta-editor, .white-box {
	padding: 10px;
	background-color: #FFF;
	border: 1px solid #EEE;
}

textarea.ta-bind {
	width: 100%;
}

.checkbox, .radio {
    margin-bottom: 15px;
}

/*****************************
CUSTOM CHECK RADIO
*****************************/
/* Customize the label (the container) */
.input-container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.input-container input {
    /*position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;*/
    display: none;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* Create a custom radio button */
.dotmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    /*background-color: #eee;*/
    background-color: #dbdbdb;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.input-container:hover input ~ .checkmark,
.input-container:hover input ~ .dotmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.input-container input:checked ~ .checkmark,
.input-container input:checked ~ .dotmark {
    background-color: #92badd;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after,
.dotmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.input-container input:checked ~ .checkmark:after,
.input-container input:checked ~ .dotmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.input-container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the indicator (dot/circle) */
.input-container .dotmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}