/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */
 

#header {height: 95px ;}
#left-panel {padding-top: 60px;}

#logo-group #logo {
    display: inline-block;
    float: left;
    height: 96px;
	overflow:hidden;
}
#logo {
    margin-left: 0px;
    margin-top: 0px;
    /*width: 336px;*/
}

#logo img {
     height: auto;
	padding-left: 30px;
    width: 146px;
}


.fixed-header #main {
    margin-top: 95px;
}

.fixed-navigation nav>ul {
	padding-right: 15px;
	position: relative;
	height: 100%;
	width: 106%;
	overflow-x: hidden;
	overflow-y: scroll;
}

/*#extr-page #header {
	border-bottom: 2px solid rgba(219, 164, 16, 0.8);
	background-color: #00623A;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAABHCAYAAAAtI5b7AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGdJREFUeNqMkEEOgDAIBGeNJ7/iGzz0/xd/hDVpjUkh0Aub0u0O6LhOA9qOxHu6YIpxMyobEL2pub6WLXbFEVOgLL1C6PA4WTGPVLDnqEVmK+ynsoR1CuUtLP3nN6kF8D5P6/V+BBgAgMQJGAmihEAAAAAASUVORK5CYII=') !important;
}*/


#extr-page #header {
    padding: 0 60px;
}

#extr-page #header #logo {
    margin-left: 0;
    margin-top: 4px;
	/*width:336px;*/
}

#extr-page #header #logo img {
    width: 146px;
}

.escom .btn { padding: 6px 6px !important;}

/*aside {
    background: #ffffff none repeat scroll center top;
    display: block;
    min-height: 100%;
}

aside{
     background-position: center top;
    background-repeat: repeat;
    border-bottom: medium none;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    1px 1px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         1px 1px 5px 0px rgba(50, 50, 50, 0.75);
}

nav ul li a {
    color: #3a3a3a !important;
    font: 15px/19px "Open Sans",Helvetica,Arial,Verdana,sans-serif;
    text-transform: none;
	border: 1px solid transparent;
	text-decoration: none;
	border-radius: 7px;
}
nav ul li a:focus {
    color: #3b8ced;
}

nav ul li.active > a::before {color: #3b8ced;}
nav ul li a:active {background: #ffffff none repeat scroll 0 0 !important;}

nav ul li a:hover , nav ul ul li > a:hover{border: 1px solid #3b8ced; color: #3b8ced; background: #ffffff none repeat scroll center top;}
nav ul .active > a {color: #3b8ced !important;}
nav ul li.open > a, nav ul li.open > a b {color: #3b8ced !important;}


nav ul ul {
    background: #ffffff none repeat scroll center top;
    display: none;
    margin: 0;
    padding: 7px 0;
}

nav > ul ul li.active a:last-child {
    border-radius: 7px;
	background-color: #3b8ced;
	color:#fff !important;
}*/

.page-footer {
    
    padding: 15px 13px 0 280px;
}

/*DataTables*/

div.dataTables_scrollHead table thead tr {
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #555555;
    text-shadow: 0 1px 0 #FFFFFF;
}

div .table thead tr {
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #555555;
    text-shadow: 0 1px 0 #FFFFFF;
}
table.table tbody tr.even.row_selected td {
  background-color: #B0BED9;
}
table.table tbody tr.odd.row_selected td {
  background-color: #9FAFD1;
}

.table-toolbar {    
    display: block;
    float: left;
    padding: 5px 7px;
    position: relative;
    width: 100%;
}
.dt-toolbar > *:last-child .DTTT, .dt-toolbar > *:last-child .dataTables_filter > *:only-child, .dt-toolbar > *:last-child .dataTables_length, .dt-toolbar > *:last-child .pagination {
    float: right !important;
}

.dataTables_length{
    float: right !important;
}



/*DataTables*/
.td-limit {
    max-width: 90%;
    text-overflow: ellipsis;
    white-space: wrap;
    overflow: hidden;
	text-overflow: ellipsis;
}

div.dataTables_scrollHead table thead tr {
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #555555;
    text-shadow: 0 1px 0 #FFFFFF;
}

div .table thead tr {
    background: -moz-linear-gradient(center top , #FFFFFF, #DDDDDD) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3) inset;
    color: #555555;
    text-shadow: 0 1px 0 #FFFFFF;
}
table.table tbody tr.even.row_selected td {
  background-color: #B0BED9;
}
table.table tbody tr.odd.row_selected td {
  background-color: #9FAFD1;
}

.table-toolbar {    
    display: block;
    float: left;
    padding: 5px 7px;
    position: relative;
    width: 100%;
}
.dataTable .row-details.row-details-open {
    background: rgba(0, 0, 0, 0) url("../img/datatable-row-openclose.png") no-repeat scroll 0 -23px;
}
.dataTable .row-details.row-details-close {
    background: rgba(0, 0, 0, 0) url("../img/datatable-row-openclose.png") no-repeat scroll 0 0;
}
.dataTable .row-details {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin-top: 3px;
    width: 14px;
}


/*progress*/
[data-progressbar-value]::after {
    content: "%";
    left: 30px;
}

/*smarth form*/
.smart-form select, .escom .smart-form select{font-family: Courier,monospace  }
.escom .smart-form *, .smart-form::after, .smart-form::before{ box-sizing:border-box}
.escom .smart-form .checkbox input, .smart-form .radio input { left: 0px; position: relative;}
.escom .smart-form section {margin-bottom: 5px; position: relative;}
.smart-form .btn {
    padding: 7px 9px;
}
.has-feedback .form-control {
    padding-right: 2px;
}


.alert{border-width:1px;}
.mr{margin-right: 2px;}
.mr-2{margin-right: 4px;}
.mr-3{margin-right: 6px;}
.mr-4{margin-right: 8px;}
.mr-5{margin-right: 10px;}
.mr-6{margin-right: 12px;}
.mr-7{margin-right: 14px;}
.mr-8{margin-right: 16px;}
.mr-9{margin-right: 18px;}
.mr-10{margin-right: 20px;}
.mr-11{margin-right: 22px;}
.mr-12{margin-right: 24px; }
.ml{margin-left: 2px;}
.ml-2{margin-left: 4px;}
.ml-3{margin-left: 6px;}
.ml-4{margin-left: 8px;}
.ml-5{margin-left: 10px;}
.ml-6{margin-left: 12px;}
.ml-7{margin-left: 14px;}
.ml-8{margin-left: 16px;}
.ml-9{margin-left: 18px;}
.ml-10{margin-left: 20px;}
.ml-11{margin-left: 22px;}
.ml-12{margin-left: 24px; }

.pr{padding-right: 2px;}
.pr-2{padding-right: 4px;}
.pr-3{padding-right: 6px;}
.pr-4{padding-right: 8px;}
.pr-5{padding-right: 10px;}
.pr-6{padding-right: 12px;}
.pr-7{padding-right: 14px;}
.pr-8{padding-right: 16px;}
.pr-9{padding-right: 18px;}
.pr-10{padding-right: 20px;}
.pr-11{padding-right: 22px;}
.pr-12{padding-right: 24px; }
.pl{padding-left: 2px;}
.pl-2{padding-left: 4px;}
.pl-3{padding-left: 6px;}
.pl-4{padding-left: 8px;}
.pl-5{padding-left: 10px;}
.pl-6{padding-left: 12px;}
.pl-7{padding-left: 14px;}
.pl-8{padding-left: 16px;}
.pl-9{padding-left: 18px;}
.pl-10{padding-left: 20px;}
.pl-11{padding-left: 22px;}
.pl-12{padding-left: 24px; }


.ui-datepicker{	z-index:5000 !important;}
.photo-person{ text-align:center;padding-top: 6px;}
.photo-person a {
    border-radius: 0;
    display: inline-block;
    margin: 0 3px 0 0;
    overflow: hidden;
}
.photo-person img {
    border-radius: 50%;
    width: 25px;
}





/*preview de la encuesta*/
.questionsBox{
    font-family: "Open Sans",sans-serif;
}

.privew {
    margin-bottom: 20px;
}

.questionsBox {
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(255, 255, 255, 1) inset;
    display: block;
    margin: 0 10px;
    padding: 10px 20px 0;
}
.questions::before, .questions::after {
    background: rgba(0, 0, 0, 0) url("../img/icon.png") no-repeat scroll left 0;
    content: ".";
    display: block;
    font-size: 0;
    height: 7px;
    left: 0;
    position: absolute;
    text-align: left;
    top: 100%;
    width: 9px;
}
.questions::after {
    background-position: -10px 0;
    left: auto;
    right: 0;
}

.questions {
    background: #627d4d; /* Old browsers */
background: -moz-linear-gradient(top, #627d4d 0%, #1f3b08 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #627d4d 0%,#1f3b08 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #627d4d 0%,#1f3b08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: rgba(98,125,77,1);

    
    color: #fff;
	font-size:12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 -30px 10px;
    padding: 8px 30px;
    position: relative;
}

.questions .small, .questions small {
	color:#fff;
}

.answerList {
    margin-bottom: 15px;
}
.questionsBox ol, .questionsBox ul {
    list-style: outside none none;
}

.answerList li:first-child {
    border-top-width: 0;
}
.answerList li {
    padding: 0px 0px;
}

.answerList label {
    border: 1px solid #dde7e8;
    border-radius: 6px;
    cursor: pointer;
    display: block;
    font-family: Arial,sans-serif;
    font-size: 10px;
    font-weight: 400;
    padding: 2px;
}

.answerList li label input[type="radio"] {
    margin:2px 10px;
    padding: 2px;
}

.mydashboard{
    min-height:400px;
    height:auto;
}

.modal-xlg {
		width: 1200px !important;
}
	

@media (max-width:979px) {
	
	
	.menu-on-top #mobile-profile-img a.userdropdown img {
		width: 39px;
		margin-top: 0;
		margin-left: 2px;
		border-radius: 3px;
		margin-right: -3px
	}
	.menu-on-top .btn-header.pull-right {
		margin-left: 0!important
	}
	.menu-on-top #main {
		margin-top: 0!important
	}
	.menu-on-top #left-panel {
		left: 0;
		display: none
	}
	body.menu-on-top.fixed-header.fixed-navigation.fixed-ribbon #ribbon {
		top: 49px
	}
}


@media (min-width:768px) and (max-width:979px) {
	
	#main {
		margin-left: 0
	}
	#left-panel {
		left: -220px
	}
	.minified #left-panel {
		left: 0
	}
}

@media (min-width:768px) and (max-width:880px) {
	.btn-responsive {
		font-size: 98%;
		padding: 4px 9px;
	}
	#main {
		margin-left: 0;
		overflow-x: hidden
	}
	#left-panel {
		left: -220px
	}
}

@media (max-width:767px) {
	.btn-responsive {
		font-size: 95%;
		padding: 4px 9px;
	}
	#left-panel {
		left: -220px
	}
	.minified #left-panel {
		left: 0
	}
}

@media only screen and (min-width:0) and (max-width:679px) {
	.btn span {
		display: none;
	}
	
	.btn-responsive {
		border-radius: 3px;
		font-size: 95%;
		padding: 4px 8px;
	}
	.profile-pic>img {
		width: 90px
	}
	#main {
		margin-left: 0;
		overflow-x: hidden
	}
	#left-panel {
		left: -220px
	}
	
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    	padding: 6px 8px;
		font-size:90%;
	}
}

@media only screen and (min-width:320px) and (max-width:479px) {
	.btn span {
		display: none;
	}
	
	.btn-responsive {
		border-radius: 3px;
		font-size: 90%;
		padding: 4px 8px;
	}
	#main {
		margin-left: 0;
		overflow-x: hidden
	}
	#left-panel {
		left: -220px
	}
	.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    	padding: 6px 8px;
		font-size:80%;
	}
}