/*----------------------------------
	LIGHTBOX
----------------------------------*/
.window-shadow {width: 100%;height: 100%;position: fixed;background-color: black;opacity:0.3;top:0;}
.lightbox {background-color:#EAECEF;float:left;height:500px;left:50%;margin-left:-300px;position:fixed;width:600px;top:0;}
.lightbox .lightbox-title {width: 100%;background: url("../../gui/img/lightbox-header-bg.png") repeat-x;line-height: 30px;text-align: center;color: #262626;text-shadow: 0 1px 0 #FFFFFF;border-bottom: 1px solid #797F90;
	font-family: Lucida Grande,Geneva,Verdana,Arial;font-size: 16px;}
.lightbox .lightbox-content {border-bottom:1px solid #D0D0D0;height:390px;overflow-y:scroll;padding:10px 20px 10px 10px;width: 570px;}
.lightbox .lightbox-toolbar {line-height: 42px;text-align: right;padding-right: 15px;}
.lightbox .lightbox-toolbar .button {background: url("../../gui/img/button-bg.png");border:1px solid #757678;height: 20px;line-height:20px;color: #343434;-webkit-border-radius: 10px;border-radius: 10px; font-size: 12px;}
.lightbox .lightbox-toolbar .lightbox-left-toolbar {float: left;margin-left: 15px;}
.lightbox .lightbox-toolbar .warningModal {font-size: 12px;height: 42px;line-height: 42px;margin-left: 10px;position: absolute;display: none;}
.lightbox .lightbox-toolbar .warningModal span {background-color: #666666;color:white;padding: 3px 8px;-webkit-border-radius: 5px;border-radius: 5px; }
.lightbox-content .form {width: auto;border: none;background: transparent;}

/*----------------------------------
	ELEMENT PRELOADER
----------------------------------*/
#window-shadow-preloader {width: 100%;height: 100%;position: fixed;background-color: black;opacity:0.3;top:0;}
#container-preloader {width:80px;height: 80px;position: fixed;top:0;left:50%;top:50%;margin-top:-40px;margin-left:-40px;background: url("../../gui/img/preloader.gif") white no-repeat 50% 50%;}

/*----------------------------------
	ELEMENT FORM SELECTION
----------------------------------*/
#selection {margin:10px 0 20px 0;}


/*----------------------------------
	TOOLBAR
----------------------------------*/
#toolbar {margin-bottom: 10px;height: 20px;background-image: url("../../gui/img/menu-secondary-bg.png");background-repeat:repeat-x;background-position:0 50%;border-top:1px solid #DBDBDA;border-bottom: 1px solid #DBDBDA;padding: 5px;}
#toolbar ul {float: left;}
#toolbar ul li {display: inline-block;}
#toolbar ul li a {border: 1px solid #DBDBDA;padding: 3px 10px;margin-right: 5px;text-decoration: none;}
#toolbar ul li label {margin-left: 20px;font-size: 12px;}
#toolbar ul li select {width: 100px;}
#toolbar ul li select#level {width: 200px;}
#toolbar .box-search {float: right;}
#toolbar input[type="search"] {width: 130px;background-image: url("../../gui/img/search-box.png");background-repeat: no-repeat;background-position: 5px 1px;padding-left: 20px;-moz-border-radius:5px 5px 5px 5px;-webkit-border-radius:5px;border-radius: 5px 5px 5px 5px;}
@media all and (min-width: 1000px) {
	#toolbar input[type="search"] {width: 180px;}	
}
@media all and (min-width: 1080px) {
	#toolbar input[type="search"] {width: 250px;}	
}
@media all and (min-width: 1200px) {
	#toolbar input[type="search"] {width: 300px;}	
}
@media all and (min-width: 1270px) {
	#toolbar input[type="search"] {width: 400px;}	
}

/*----------------------------------
	FORM
----------------------------------*/
form.form {}
form.form div, form.form label, form.form input {font-family: Lucida Grande,Geneva,Verdana,Arial;}
form.form div {margin-bottom: 5px;}
form.form div span {color: black;}
form.form div span.error {color:red;}
form.form div label {width:120px;text-align: right;color: #666;display: inline-block;}
form.form div input[type="text"] {display: inline-block;}
form.form div input[type="date"] {}
form.form div input[type="number"] {}
form.form div select {}
form.form div textarea {}
form.form div.item-separator {height: 10px;}

/*----------------------------------
	TOAST
----------------------------------*/
#toast {width:250px;height:30px;line-height:30px;margin:0 auto;background: black;color:white;text-align: center;font-size: 11px;position: absolute;left:50%;margin-top:-10px;display: none;}


/*----------------------------------
	PAGINACION
----------------------------------*/
ul.pagination {margin-top: 20px;}
ul.pagination li {/*background-image: url("../img/bg_pagination.png");*/display: inline;margin-right: 2px;}
ul.pagination li:first-child {color: #666666;padding-right: 20px;}
ul.pagination li a, ul.pagination li.selected {text-align: center;;min-width: 13px;line-height:13px;display: inline-block;border:1px solid #B7B7B7;text-decoration: none;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 5px;background-color: #F3F3F3;color: #808080;}
ul.pagination li.selected {background-color: #00C016;color: white;}
ul.pagination li a.selected {background-image: url("../../gui/img/bg_pagination_hover.png");color: #ffffff;}
ul.pagination li a:hover {background-image: url("../../gui/img/bg_pagination_hover.png");color: #ffffff;}

/*----------------------------------
	LOGIN
----------------------------------*/
.login-bg {background: url("../../gui/img/login_bg.png") repeat;}
.login-container {width: 300px;margin: 0 auto;margin-top: 100px;}
@media all and (max-width: 960px) {
	.login-container {margin-top: 0px;}
}


.box-login2 {width: 255px;height: 240px;border: 1px solid #fefefe;background-color: #f7f7f7;margin: 0 auto;padding: 20px;-webkit-border-radius: 8px;border-radius: 8px; margin-bottom: 5px;}
.box-login2 .user {width: 207px;height: 82px;background-image: url("../../gui/img/logo_corpotal.png"); margin: 0 auto;border:1px solid #f2f2f2;}
.box-login2 form {margin-top: 20px;}
.box-login2 form div {margin-bottom: 10px;}
.box-login2 form span {color: #666666;font-size: 12px;}
.box-login2 form input[type="text"], .box-login2 form input[type="password"] {width: 240px;padding: 5px;}
.box-login2 form .buttons {text-align: center;} 
.box-login2 form .buttons input {height: 25px;padding: 5px;width: 100px;background-color: #62BD34;color: white;border: 1px solid gray;}
.login-container .login-options {text-align: center;color:#a8a8a8;}
.login-container .login-options a {text-decoration: none;color:#a8a8a8;text-shadow: 1px 1px 5px #f3f3f3;filter: dropshadow(color=#f3f3f3, offx=1, offy=1);font-size: 12px;}
.login-container .login-title {text-align: center;font-size: 11px;padding: 5px 0;color: #666666;}
.login-container .message-error {background-color: #F7F7F7;color: red;margin-top: 10px;text-align: center;border: 1px solid #fefefe;-webkit-border-radius: 8px;border-radius: 8px;}

/*----------------------------------
	MESSAGES
----------------------------------*/
.balloons {list-style: none;}
.balloons li {margin-bottom: 5px;}
.balloons .balloon {border: 1px solid #999999;padding: 5px 10px;-webkit-border-radius: 5px;border-radius: 5px;color:#666666;display: inline-block;min-width: 300px;}
.balloons .balloon .balloon-info {font-size: 11px;display: block;}
.balloons .balloon .balloon-info strong {font-size: 12px;}
.balloons .balloon-question .balloon {background-color: #f8f8f8;}
.balloons .balloon-answer {padding-left:100px;}
.balloons .balloon-answer .balloon {background-color: #9bd2fb;}
.balloons .balloon .description {color:black;}
.balloons .balloon-text {margin-top: 20px;}
.balloons textarea {width: 600px;height: 30px;min-height: 30px;-webkit-border-radius: 5px;border-radius: 5px;}
.balloons a {margin-top: 13px;}