/* @import url(https://fonts.googleapis.com/css2?family=Quicksand&display=swap); */
/* @import url(https://fonts.googleapis.com/css?family=Asap:400,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:700,400,300);
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700); */

@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);

/** THE SOURCE OF BACKGROUD CUT AT WINDOW HEIGHT body, html{
	height: 100%;
}*/

.body{
	background: #FFFFFF;
	/* background: #FFFFFF;
	width: 100%;
	height: 100%; */
}

.box1GL{
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	position : relative ;
	top : 40px;
	margin: 0px auto;
	padding: 50px 61px 54px;
	width : 345px;
	height : 479px;
	box-shadow : 0px 18px 15px rgba(0, 0, 0, 0.07);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=18, Color='#000000') ;
	text-align: center;
}

.GameImage{  
	background-image : url('/packages/gamelab_gamestew/lib/templates/imgs/game_icon.png');
	background-repeat : no-repeat;
	width : 205px;
	height : 89px;
	background-size: 100%;
	margin-left: 15px;
	margin-top: -12px;
	margin-bottom: 34px;
}

.input-text{
	background : #F6F6F6;
	background : rgba(246, 246, 246, 1);
	width : 220px;
	height : 31px;
	font-family : Roboto;
	font-size : 16px;
	color : #969696;
	color : rgb(150, 150, 150);
	border: 0;
	padding-left: 10px;
	margin-bottom: 17px;
}

.input-text#txtPassword{
	margin-bottom: 4px;
}

.GameLogo{
	font-family : Asap;
	font-size : 20px;
	color : #5BB5C8;
	color : rgb(91, 181, 200);
	margin-top: 17px;
	margin-left: -61px;
	margin-bottom: 13px;
	text-align: center;
	width: 345px;
}

.buttonGL{
	margin: 0 auto;
	width: 150px;
}

.buttonGL input, .buttonGL button{
	background-color : #FFFFFF;
	background-color : rgba(255, 255, 255, 1);
	border-style : Solid;
	border-color : #5BB5C8;
	border-color : rgba(91, 181, 200, 1);
	border-width : 1px;
	width : 150px;
	height : 50px;
	border-radius : 25px;
	-moz-border-radius : 25px;
	-webkit-border-radius : 25px;
	font-family : Roboto;
	font-size : 16px;
	color : #5BB5C8;
	color : rgb(91, 181, 200);
	padding-bottom: 4px;
	transition: all 0.3s ease;
}

.buttonGL input:hover, .buttonGL button:hover{
	background-color : #5BB5C8;
	background-color : rgba(91, 181, 200, 1);
	border-style : Solid;
	border-color : #5BB5C8;
	border-color : rgba(91, 181, 200, 1);
	border-width : 1px;
	width : 150px;
	height : 50px;
	border-radius : 25px;
	-moz-border-radius : 25px;
	-webkit-border-radius : 25px;
	font-family : Roboto;
	font-size : 16px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);	
}



.buttonGL-link{
	margin:0 auto;
	font-family : Roboto;
	font-size : 16px;
	color : #4C4846;
	color : rgb(76, 72, 70); 
	text-decoration : underline;
}
.opt-blue:hover {
	text-decoration: underline !important;
	color: #1A4278 !important;
}

.h1-game{
	font-family: "Lato", sans-serif;
    font-size: 24px;
    color: #0E870C;
}

.opt-blue{
	font-weight: bold !important;
    font-size: 13px;
    line-height: 16px;
    text-transform: uppercase;
    color: #0362DD !important;
}

.space1{
	width: 100%;
	height: 18px;
}

.footerGL{
	font-family : Quicksand;
	font-size : 12px;
	color : #4C4846;
	color : rgb(76, 72, 70);
	position : absolute ;
	left : 30px;
	bottom : 18px;
}

.registrotitle{
	font-family : Asap;
	font-weight : bold;
	font-size : 24px;
	text-transform : uppercase;
	color : #5BB5C8;
	color : rgb(91, 181, 200);
	margin-top: -3px;
	margin-bottom: 45px;
}

.space2{
	width: 100%;
	height: 24px;
}

.titleHome{
	font-family : Roboto;
	font-size : 16px;
	color : #5EB2C6;
	color : rgb(94, 178, 198);
    text-align: left;
    padding-left: 12px;
    margin-bottom: 5px;
    margin-top: 56px;
}

/*  ------------ dropdownGL ------------ */

.dropdownGLCont{
	width : 219px;
	height : 34px;
	overflow: hidden;
	position: relative;
	margin-bottom: 14px;
}

.dropdownGLCont[data-open="1"]{
	overflow: visible;
}

.dropdownGLCont[data-open="1"] .dropdownGL{
	border-color : #5EB2C6;
	border-color : rgba(94, 178, 198, 1);
	border-width : 1px;
	border-style: solid;
}

.dropdownGLCont[data-open="1"] .dropdownGLlabel{
	padding-top: 4px;
	padding-left: 12px;
}

.dropdownGLCont[data-open="1"] .dropdownGLarrow{
	right: 12px;
	top: 12px;
}

.dropdownGLCont[data-disabled="true"]{
	opacity: 0.5;
}


.dropdownGLCont[data-disabled="true"] .dropdownGL{
	cursor: not-allowed;
}

.dropdownGL{
	background : #F6F6F6;
	background : rgba(246, 246, 246, 1);
	width : 219px;
	height : 31px;
	position: relative;
	margin-bottom: 3px;

	cursor: pointer;

}
.dropdownGLlabel{
	font-family : Roboto;
	font-size : 16px;
	color : #969696;
	color : rgb(150, 150, 150);
	text-align: left;
	padding-top: 5px;
	padding-left: 13px;
}
.dropdownGLarrow{
	background-image : url('/packages/gamelab_gamestew/lib/templates/imgs/arrow_icon.png');
	background-repeat : no-repeat;
	width : 12px;
	height : 6px;
	background-size: 100%;
	position: absolute;
	right: 13px;
	top: 13px;
}
.dropdownGLlist{
	margin: 0;
	padding: 0;
	z-index: 10;
	position: relative;
	max-height: 200px;
    overflow-y: auto;
}

.dropdownGLlist li{
	background : #F6F6F6;
	height: 25px;
	width: 100%;
	list-style-type: none;
	font-family : Roboto;
	font-size : 16px;
	color : #969696;
	color : rgb(150, 150, 150);
	text-align: left;
    padding-top: 2px;
	padding-left: 13px;

	cursor: pointer;

	overflow: hidden;

}

.dropdownGLlist li:hover{
	background : #5EB2C6;
	background : rgba(94, 178, 198, 1);
	color : #FFFFFF;
	color : rgb(255, 255, 255);
}

/*  ------------------------ */

.recomendacionGL{
	font-family : Roboto;
	font-size : 13px;
	color : #4C4846;
	color : rgb(76, 72, 70);
	line-height: 17px;
}

.box2GL{
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	position : relative ;
	top : 94px;
	margin: 0px auto;
	padding: 50px 61px 54px;
	width : 607px;
	height : 479px;
	box-shadow : 0px 18px 15px rgba(0, 0, 0, 0.07);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=18, Color='#000000') ;
	text-align: center;
}

.titlebox2{
	font-family : Asap;
	font-weight : bold;
	font-size : 24px;
	text-transform : uppercase;
	color : #5BB5C8;
	color : rgb(91, 181, 200);
	margin-top: -3px;
}

.col2GL{
	float: left;
	width: 50%;
	padding-top: 22px;
	/*text-align: left;*/
	margin-left: -2px;
	padding-right: 22px;
}

.col2GL:last-child{
	padding-left: 27px;
	padding-right: 0px;
	text-align: left;
}

.labelinput{
	font-family: Roboto;
	font-size: 16px;
	color: #5EB2C6;
	color: rgb(94, 178, 198);
	margin-bottom: 3px;
	padding-left: 11px;
	height: 21px;
}

.space3{
	width: 100%;
	height: 72px;
}

.box3GL{
	margin-top: calc(64px + 8px); /*height header + margin */
	height: 570px;
	padding: 16px 40px 30px 24px;
	background: #FFFFFF;
	box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.boxteam{
	background: #FFFFFF;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
	border-radius: 8px;
}

.nomembers{
	background: #F0F2F5;
}

.nomembers img+img{
	content: "";
}

.nomembers:hover img+img{
	content: url('');
}

.nomembers img{
	content: url('/images/x.svg')
}

.member:hover img+img{
	content: url('');
}

.registered{
	background: #F1F8F0;
}

.registered img+img{
	content: url('/images/ticketblue.svg');
}

.registered:hover{
	background: #F1F8F0 !important;
}

.registered:hover img+img{
	content: url('/images/ticketblue.svg') !important;
}

.registered-member{
	background: #F1F8F0;
}

.registered-member:hover{
	background: #F1F8F0 !important;
}

.registered-member .icon2-member{
	content: url('/images/ticketblue.svg');
}

.registered-member:hover .icon2-member{
	content: url('/images/ticketblue.svg') !important;
}

.registered-member:hover .icon1-member{
	content: url('/images/x.svg') !important;
}

.alum-registered{
	background: #F1F8F0 !important;
}
.boxteam:hover{
	cursor: pointer;
	background: #EBF2FC;
}

.boxteam:hover.nomember .icon2{
	content: url('/images/sum-hover.svg');
}

.boxteam.hoverdrag{
	background: #EBF2FC !important;
}

.icon1{
	position: absolute;
	right: 24px;
	top: 16px;
}

.icon2{
	position: absolute;
	right: 48px;
	top: 16px;
}

.icon2-1{
	position: absolute;
	right: 52px;
	top: 16px;
}

.search-icon {
	background-image: url('/images/Search.svg');
	background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
}

/* .icon1-member{
	position: relative;
	left: 85px;
}

.icon2-member{
	position: relative;
	left: 30px;
} */


.icon1-member{
	cursor: pointer;
}

.icon2-member{
	cursor: pointer;
}

.listmembers{
	position: absolute;
    z-index: 1;
	left: 0;
    right: 0;
    margin-left: 14px;
    margin-right: 14px;
	background: #FFFFFF;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.member:hover{
	background: #EBF2FC;
}

.member:hover .icon1-member{
	content: url('/images/xblue.svg')
}

.alums{
	box-shadow: inset 3px -1px 0px -1px rgb(0 0 0 / 25%);
}

.game-box{
	background: #E4E6E9;
	border-radius: 8px;
	padding: 36px 24px 36px 24px;
	width: 213px;
}

#btnIniciarPartida:disabled{
	opacity: 0.7;
}

.tabalum{
	background: #FFFFFF;
	border: 1px solid #79747E;
	border-radius: 40px;
	font-weight: 700;
	font-size: 14px;
	line-height: 17px;
	color: #79747E;
	padding: 16px;
}

.tabalum:hover{
	background: linear-gradient(0deg, rgba(3, 98, 221, 0.08), rgba(3, 98, 221, 0.08)), #FFFFFF;
	border: 1px solid #79747E;
	border-radius: 40px;
	color: #000000;
	cursor: pointer;
}

.green-border{
	border: 1px solid #0E870C;
}

.blue-border{
	border: 2px solid #0362DD;
}

.tabalum.dragging{
	background: #D7D9DA;
	border: 1px solid #79747E;
	border-radius: 40px;
	color: #000;
}

.tabalum.drag{
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)), linear-gradient(0deg, rgba(3, 98, 221, 0.08), rgba(3, 98, 221, 0.08)), #FFFFFF;
	border: 1px solid #79747E;
	color: #000;
}

.bluebox{
	background : #5EB3C7;
	background : rgba(94, 179, 199, 1);
	width : 244px;
	height : 280px;
	box-shadow : 0px 18.45px 15.37px rgba(0, 0, 0, 0.07);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=18.45, Color='#000000') ;
	position: absolute;
	top: 87px;
	left: -245px;
}

.bluetitle{
	font-family: 'Lato',sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	color: #1A4278;
}

.bluefalsebox{
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	width : 138px;
	
    margin: 23px auto 0px;

	font-family : Roboto;
	font-weight : bold;
	font-size : 22px;
	color : #5EB3C7;
	color : rgb(94, 179, 199);
	text-align: center;
	padding-top: 7px;
	margin-bottom: 40px;
}

.bluetruebox{
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	width : 138px;
	height : 31px;
    margin: 23px auto 0px;
	font-family : Roboto;
	font-size : 16px;
	color : #969696;
	color : rgb(150, 150, 150);
	text-align: center;
	margin-bottom: 40px;
	border: 0;
}

.bluebutton{
	margin: 0 auto;
	width: 150px;
}

.bluebutton input, .bluebutton button{
	background-color : #5BB5C8;
	background-color : rgba(91, 181, 200, 1);
	border-style : Solid;
	border-color : #FFFFFF;
	border-color : rgba(255, 255, 255, 1);
	border-width : 1px;
	width : 150px;
	height : 50px;
	border-radius : 25px;
	-moz-border-radius : 25px;
	-webkit-border-radius : 25px;
	font-family : Roboto;
	font-weight : bold;
	font-size : 16px;
	color : #FFFFFF;
	color : rgb(255, 255, 255);
	padding-bottom: 4px;
	transition: all 0.3s ease;
}

.bluebutton input:hover, .bluebutton button:hover{
	background-color : #FFFFFF;
	background-color : rgba(255, 255, 255, 1);
	border-style : Solid;
	border-color : #FFFFFF;
	border-color : rgba(255, 255, 255, 1);
	border-width : 1px;
	width : 150px;
	height : 50px;
	border-radius : 25px;
	-moz-border-radius : 25px;
	-webkit-border-radius : 25px;
	font-family : Roboto;
	font-size : 16px;
	color : #5BB5C8;
	color : rgb(91, 181, 200);
	
}

.row31GL{
	width: 430px;
	height: 397px;
	float: left;
}

.groupsContainer{
	margin-top: 28px;
	margin-left: -47px;
	width: 450px;
	height: 230px;
	overflow-y: auto;
}


/*  ------------ dropgroup ------------ */

.dropgroupCont{
    width : 160px;
    height : 34px;
    overflow: hidden;
    float: left;
    margin-left: 47px;
    margin-bottom: 12px;
    position: relative;
}

.dropgroupCont[data-open="1"]{/* se asignará altura por codigo */
	overflow: visible;
}

.dropgroupCont[data-open="1"] .dropgroup{
	border-color : #5EB2C6;
	border-color : rgba(94, 178, 198, 1);
	border-width : 1px;
	border-style: solid;
	background: white;
}

.dropgroupCont[data-open="1"] .dropgrouplabel{
	padding-top: 4px;
	padding-left: 12px;
}

.dropgroupCont[data-open="1"] .dropgroupNumber{
	right: 7px;
	top: 7px;
}

.dropgroupCont[data-disabled="true"]{
	opacity: 0.5;
}


.dropgroupCont[data-disabled="true"] .dropgroup{
	cursor: not-allowed;
}

.dropgroup{
	background : #F6F6F6;
	background : rgba(246, 246, 246, 1);
	width : 160px;
	height : 31px;
	position: relative;
	margin-bottom: 7px;
	overflow: hidden;
	cursor: pointer;

}
.dropgrouplabel{
	font-family : Roboto;
	font-size : 16px;
	color : #969696;
	color : rgb(150, 150, 150);
	text-align: left;
	padding-top: 5px;
	padding-left: 13px;
}
.dropgroupNumber{
	background: #5EB3C7;
	background: rgba(94, 179, 199, 1);
	width: 16px;
	height: 16px;
	position: absolute;
	right: 8px;
	top: 8px;
	font-family: Quicksand;
	font-weight: bold;
	font-size: 13px;
	color: #FFFFFF;
	color: rgb(255, 255, 255);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	line-height: 18px;

}
.dropgrouplist{
	margin: 0;
	padding: 0;
	z-index: 10;
	position: relative;
}

.dropgrouplist li{
	background : white;
	height: 24px;
	width: 100%;
	list-style-type: none;

	color : rgb(150, 150, 150);
	text-align: left;
	padding-left: 13px;

    font-family: Roboto;
    font-size: 16px;
    line-height: 25px;
    color: #5EB3C7;
    position: relative;
	/*cursor: pointer;*/

}

/*.dropgrouplist li:hover{
	background : #5EB2C6;
	background : rgba(94, 178, 198, 1);
	color : #FFFFFF;
	color : rgb(255, 255, 255);
}*/

/*  ------------------------ */

.row32GL{
	width: 220px;
	border-left: 1px solid #5EB3C7;
	height: 397px;
	float: left;
}

.titlesingrupo{
	font-family : Asap;
	font-weight : bold;
	font-size : 16px;
	text-transform : uppercase;
	color : #5EB3C7;
	color : rgb(94, 179, 199);
	text-align: left;
	margin-left: 63px;
    margin-top: 29px;
}

.singrupolist{
	text-align: left;
	height: 300px;
}

.scrolleable::-webkit-scrollbar {
    width: 10px;
}

/* Track */
.scrolleable::-webkit-scrollbar-track {
	background: #FFFFFF;
	border-radius: 8px;
	width: 10px;

    box-shadow: 0px 0px 2px rgb(0 0 0 / 10%);
}
   
  /* Handle */
.scrolleable::-webkit-scrollbar-thumb {
	background: #E1E1E1;
	border-radius: 8px;
	width: 10px;
}

.box3GL.inalum{
	height: 390px !important;
}

.singrupolist.inalum{
	height: 270px !important;
}

.inalum hr{
	height: 2px;
	border: 2px solid #FFFFFF;
	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.15);
}

.scrolleable{
	overflow-y: scroll !important;
}

.nomembers-alum{
	background: #F0F2F5;
}

.switch{
	margin: 0 auto;
	width: 184px;
    height: 33px;
}

.switch[data-disabled="1"]{
	opacity: 0.5;
}

.switch[data-disabled="1"] .switchbutton{
	cursor: default;
}

.switchbutton{
	width : 70px;
	height : 33px;
	border-radius: 17px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border: 1px solid #5EB3C7;
	float: left;
	position: relative;
	background: rgb(255,255,255);
	transition: all 0.3s ease;
	cursor: pointer;
}

.switchbuttonoff{
	font-family : Quicksand;
	font-size : 16px;
	color : #5EB3C7;
	color : rgb(94, 179, 199);

	position: absolute;
	top: 4px;
	left: 36px;

	opacity: 1;
	transition: all 0.3s ease;
}

.switchbuttonon{
	font-family : Quicksand;
	font-size : 16px;
    color: white;
    position: absolute;
    top: 4px;
    left: 11px;
	opacity: 0;
	transition: all 0.3s ease;
}

.switchcircle{
    width: 29px;
    height: 29px;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #5EB3C7;
    position: absolute;
    top: 1px;
    left: 1px;
    background: white;
    transition: all 0.3s ease;
}

.switchlabel{
	float: left;
	font-family: Roboto;
	font-size: 16px;
	color: #5EB3C7;
	color: rgb(94, 179, 199);
	margin-top: 5px;
	margin-left: 13px;
}

.switch[data-on="1"] .switchcircle{
	left: 38px;
}

.switch[data-on="1"] .switchbutton{
	background: rgb(94, 179, 199);
}

.switch[data-on="1"] .switchbuttonoff{
	opacity: 0;
}

.switch[data-on="1"] .switchbuttonon{
	opacity: 1;
}

.exitgroup{
	background-image: url('/packages/gamelab_gamestew/lib/templates/imgs/salir_icon.png');
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	background-size: 100%;
	position: absolute;
	top: 8px;
	left: -5px;
	cursor: pointer;
}

.dropgrouplist li.joingroup{
	background: #ffd600;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

.recomendacionGL2{
	font-family : Roboto;
	font-size : 13px;
	color : #4C4846;
	color : rgb(76, 72, 70);
	margin: 0 auto;
	margin-top: 19px;
	padding-right: 43px;
}

.row31buttons{
	padding-top: 39px;
}

.error{
	opacity: 0;
    margin-bottom: 5px;
    color: red;
	width: 261px;
	margin-left: -17px;
}

div.error.visible{
	opacity: 1;
}

/******** HIGH CONTRAST ***********/

.highc.body{
	background: #cfeef5;
	min-height: 600px;
}

.highc .box1GL{
	top: 40px;
}

.highc .titleHome{
	font-weight: bold;
}

.highc .dropdownGLlabel{
	color: black;
}

.highc .dropdownGLlist li{
	color: black;
}

.highc .buttonGL input, .highc .buttonGL button{
	font-weight: bold;
}

.highc .input-text{
	color: black;
}

.highc .box3GL{
	top: 40px;
}

.highc .singrupolist li{
	color: black
}

.highc .bluefalsebox{
	width: 167px;
	height: 48px;
	font-size: 37px;
	padding-top: 14px;
}

.highc .bluebutton input, .highc .bluebutton button{
	font-weight: bold;
}

.highc .headerGL .title{
	left: 317px;
}

.highc .dropgrouplabel{
	color: black;
}

/********* TEACHER TIME *************/


.teachertime{

	width: 100%;
	margin-top: 92px;
    position: absolute;
    top: 0;
    left: 0;
    color: white;
}

.teachertime .time{
	text-align: center;
    color: #5eb2c6;
    font-size: 240px;
    padding-top: 0px;
    font-family: 'Roboto', sans-serif;
    line-height: 258px;
}
.teachertime .time.stoped{
    color: #9c9b9b;
}

.teachertime .timebutton{
	margin: 130px auto 0px;
	display: block;
}

.teachertime .timebutton1{
	margin: 100px auto 0px;
	display: block;
}

.teachertime .timebutton2{
	margin: 0px auto 0px;
	display: block;
}

.teachertime .status{
    color: #5eb2c6;
    position: absolute;
    width: 100%;
    top: 200px;
    font-size: 60px;
}

.teachertime #rightcolumnBSC.results{
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
}

.teachertime #rightcolumnBSC.results .innertubeBSC{
  margin-top: 75px;
}

.teachertime .idpartidalabel{
    font-family: 'Roboto', sans-serif;
    color: #4c4847;

    width: 100%;

    text-transform: uppercase;
    font-size: 16px;
}

.teachertime .idpartida{
    font-family: 'Roboto', sans-serif;
    color: #4c4847;

    width: 100%;

    font-size: 35px;
    font-weight: bold;
}

.boxBigGL{
	background : #FFFFFF;
	background : rgba(255, 255, 255, 1);
	position : relative ;
	top: 0px;
	margin: 0px auto;
	padding: 50px 61px 54px;
	width: 1000px;
	height : 479px;
	box-shadow : 0px 18px 15px rgba(0, 0, 0, 0.07);
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=18, Color='#000000') ;
	text-align: center;
}

.header-fixed {
    width: 100% 
}

.header-fixed > thead,
.header-fixed > tbody,
.header-fixed > thead > tr,
.header-fixed > tbody > tr,
.header-fixed > thead > tr > th,
.header-fixed > tbody > tr > td {
    display: block;
}

.header-fixed > tbody > tr:after,
.header-fixed > thead > tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header-fixed > tbody {
    overflow-y: auto;
    height: 250px;
}

.header-fixed > tbody > tr > td,
.header-fixed > thead > tr > th {
    width: 33%;
    float: left;
    text-align: center;
}

.header-fixed.n4rows > tbody > tr > td,
.header-fixed.n4rows > thead > tr > th {
    width: 25%;
}

.header-fixed.n5rows > tbody > tr > td,
.header-fixed.n5rows > thead > tr > th {
    width: 20%;
}

.header-fixed.n6rows > tbody > tr > td,
.header-fixed.n6rows > thead > tr > th {
    width: 16%;
}

.header-fixed.n7rows > tbody > tr > td,
.header-fixed.n7rows > thead > tr > th {
    width: 14%;
}

.header-fixed.n8rows > tbody > tr > td,
.header-fixed.n8rows > thead > tr > th {
    width: 12.5%;
}

.smallbutton{
	background: #5db4c8;
	color: white;
	width: 70px;
	padding: 2px;
	margin: auto;
	cursor: pointer;
}

.smallbutton:hover{
	background: #3b8da0;
	width: 70px;
	padding: 2px;
	margin: auto;
	cursor: pointer;
}

table.table{
	margin-bottom: 10px;
}

.table > thead > tr > th {
    border-bottom: none;
}

.bluebutton{
	background: #5db4c8;
	width: 150px;
	padding: 4px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	margin: auto;
	cursor: pointer;
}

.bluebutton:hover{
	background: #3b8da0;
}

#cortinaMain {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    background: rgba(0, 0, 0, 0.7);
}

#cortinaMain div {
	font-size: 40px;
    color: white;
    text-align: center;
    top: 42%;
    left: 37%;
    background: black;
    padding: 30px;
    border-radius: 10px;
    position: absolute;
    cursor: pointer;
    border: 3px solid white;
}

#cortinaMain div::after {
    content: "X";
    position: absolute;
    right: -14px;
    top: -12px;
    background: black;
    height: 30px;
    width: 30px;
    border: 3px solid white;
    border-radius: 15px;
    font-size: 19px;
    font-weight: bold;
    line-height: 25px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.button2 {
    right: 28px;
}

.dropgroupCont[data-open="1"] .dropgroupNumber.button2 {
    right: 27px;
}


.dropgroupDel{
    background: #ff926a;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    font-family: Quicksand;
    font-weight: bold;
    font-size: 12px;
    color: rgb(255, 255, 255);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    line-height: 17px;
}

.dropgroupCont[data-open="1"] .dropgroupDel {
    top: 7px;
    right: 7px;
}

.alertblue{
    position: absolute;
    left: 0;
    background: #ff8f5b;
    width: 100%;
    bottom: -21px;
    color: white;
}

#formChange h1{
    margin: 0 0 31px;
    color: #5db4c8;
}

.bgcolor1{
	background: #5db4c8 !important;
}

.bgcolor2{
	background: #ffd600 !important;
}

.bgcolor3{
	background: #E94F37 !important;
}

.bgcolor3clear{
	background: #ff8f5b !important;
}

.bgcolor4{
	background: #393E41 !important;
}

.nav-pill-with-icon:hover > svg {
	stroke: #0362DD;
}

.nav-pill-with-icon.active > svg {
	stroke: white;
}

.nav-pill-with-icon.active:hover > svg {
	stroke: white;
}

.nav-pill-with-fill-icon:hover > svg {
	fill: #0362DD;
}

.nav-pill-with-fill-icon.active > svg {
	fill: white;
}

.nav-pill-with-fill-icon.active:hover > svg {
	fill: white;
}

@keyframes colorChange {
	0%, 100% {
		background-color: #ffffe2;
	}
	50% {
		background-color: yellow;
	}
}

.alert-bg {
	animation: colorChange 1.5s infinite;
}

.custom-toast {
	max-width: 580px!important;
	border-radius: 1.1rem!important;
}