/*
Theme Name: Expertise Child
Theme URI: https://expertise.qodeinteractive.com
Description: A child theme of Expertise
Author: Mikado Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: expertise
Template: expertise
*/

#tbl_orgnastave {
	width: 96%;
	border: 2px solid #777;
	border-collapse: separate;
	border-spacing: 2px;        /* razmak između ćelija */
	font-size: 1.2em;
	font-family: Arial;
	color: #000000;	
}

#tbl_orgnastave th {
	border: 1px solid #777;
	border-collapse: separate;
	padding: 0 0 ;

}

#tbl_orgnastave td {
	border: 1px solid #777;
	border-collapse: separate;
	padding: 0 0 ;

}

#menu-zavrsni-ispit,
#menu-udzbenici, 
#menu-upis-u-prvi-razred {
	background-color: #2E96D2;

}

#menu-zavrsni-ispit li,
#menu-udzbenici li,
#menu-upis-u-prvi-razred li {
	line-height: 30px;
    border: 1px solid #fff!important;

}

#menu-zavrsni-ispit a,
#menu-udzbenici a,
#menu-upis-u-prvi-razred a {
		color: #fff!important;
		font-size: 100%;
		padding-left: 10px;

}

#menu-zavrsni-ispit li:hover,
#menu-udzbenici li:hover,
#menu-upis-u-prvi-razred li:hover {
	background-color: #3568ce!important;
	vertical-align: middle;

}

/* Moje tabele */
.table_my {
	border: 2px solid #000;
	width: 100%;
	margin-left: auto;
	margin-right: auto;

}

.table_my th {
	/*
	color: #fff;
	background-color: #66a3ff;
	*/
	text-align: center;	
	background-color: #bfbfbf;
	color: #000;
	border: 1px solid  #808080;
	padding: 5px

}

.table_my td {
	color: #323232;
	border: 1px solid  #808080 !important;
	vertical-align: middle;
	padding: 5px

}

/*
.entry-content table tr:nth-child(even) td {
    background: #dddddd;
}
*/
.table_my tr:nth-child(even) td {
	background-color: #e6e6e6 !important;

}

.table_my tr:hover td {
    background-color: #b3cfff !important;
	color: #000 !important;
}


/* End of Moje tabele */


/* table3 */
 
.table3 {
	border-collapse: separate;
	width: 100%;
	border: 2px solid #6699FF;
}

.table3 th {
	color: #fff;
	text-align: center;
	background-color: #66a3ff;
	border: 1px solid  #b3b3b3;
	padding: 5px
}

.table3 td {
	border: 1px solid #FFFFFF;
	font-family: Arial;
	vertical-align: middle;
	font-weight: 400;
	text-decoration: none;
	color: #0000ff;
}	

.table3 tr:nth-child(odd) td {
	background-color:  #e6efff;
}

.table3 tr:nth-child(even) td {
	background-color: #ecf1f9;
}

.table3 tr:hover td { 
	background-color:#b3cfff;
}

/* end of table3 */

/* my-button - dugme u clancima	*/

.my-button, .my-button2, .my-button3, .my-button4, .my-button5, .cd-upload-btn {
	background-color: #b3ccff;
	/*border: none;*/
	/*border-radius: 20px;*/
	border-radius: 20px;
    color: #0000ff !important;
    /*padding: 15px 32px !important; */
	padding: 5px 32px !important;
	font-family: arial, helvetica, sans-serif;
	/*font-size: 20px; */
	font-size: 14px;
    text-align: center;
	/*line-height: normal; */
	line-height: 30px;
	/*font-weight: bold; */
	font-weight: 600;
    text-decoration: none;
    display: inline-block;
    margin: 10px 5px;
    cursor: pointer;
	
	border-style: groove !important;
	border-width: 3px 3px 3px 3px !important;
	border-color: #e6e6e6 !important;
	box-shadow: 5px 5px 10px 3px rgb(0 0 0 / 50%) !important;
	
}

.my-button:hover {
	background-color: #6699ff;
	color: #ffffff !important;

}	

.my-button2:hover {
	background-color: #0000ff;
	color: #ffffff !important;	

}

.my-button3:hover {
	background-color: #008000;
	color: #ffffff !important;	

}

.my-button4:hover {
	background-color: #ff0000;
	color: #ffffff !important;	

}

.my-button5:hover {
	background-color: #000000;
	color: #ffffff !important;	

}
.cd-upload-btn:hover {
	background-color: #6699ff;
	color: #ffffff !important;	

}

.my-button11, .my-button12, .my-button13, .my-button14, .my-button15 {
	background-color: #cccccc;
    border: none;
	border-radius: 20px;
    color: #0000ff !important;
    padding: 15px 32px !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 20px;
    text-align: center;
	line-height: 30px; 
	font-weight: bold;
    text-decoration: none;
    display: inline-block;
    margin: 20px 5px;
    cursor: pointer;
	
	border-style: groove !important;
	border-width: 3px 3px 3px 3px !important;
	border-color: #e6e6e6 !important;
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%) !important;
		
}
	
.my-button11:hover {
	background-color: #6699ff;
	color: #ffffff !important;

}	

.my-button12:hover {
	background-color: #0000ff;
	color: #ffffff !important;	

}

.my-button13:hover {
	background-color: #008000;
	color: #ffffff !important;	

}

.my-button14:hover {
	background-color: #ff0000;
	color: #ffffff !important;	

}

.my-button15:hover {
	background-color: #000000;
	color: #ffffff !important;	

}

.my-button21 {
	background-color: #b3ccff;
	border-radius: 10px;
 	border-style: groove !important;
	border-width: 3px 3px 3px 3px !important;
	border-color: #e6e6e6 !important;

	color: #0000ff !important;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.0rem;
	line-height: normal; 
	font-weight: bold;
    text-decoration: none;

    display: inline-block;
    margin: 1px 5px 15px 5px;
    cursor: pointer;
	z-index: 9999;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%) !important;

	width: 70%;	
    padding: 5px 15px !important;
	
}

.my-button21:hover {
	background-color: #6699ff;
	color: #ffffff !important;

}

.my-button22 {
	background-color: #b3ccff;	
	border-radius: 10px;	
  	border-style: groove !important;   
	border-width: 3px 3px 3px 3px;	
	border-color: #e6e6e6;
	
    color: #0000ff !important;	
	font-family: arial, helvetica, sans-serif;
	font-size: 1.0rem;
	line-height: normal; 
	font-weight: bold;
    text-decoration: none;	

    display: inline-block;
    margin: 1px 5px 15px 5px;
    cursor: pointer;
	z-index: 99;
	box-sizing: border-box;
	box-shadow: 5px 5px 10px 0px rgb(0 0 0 / 50%) !important;

	width: 95%;
    padding: 3px 15px;

}

.my-button22:hover {
	background-color: #6699ff;
	color: #ffffff !important;
}

#cirilica, #latinica, #default {
    padding-top: 8px;
    margin-right:8px;
    padding-bottom: 8px;
    width:162px;

}

#cirilica, #latinica, #default {
background-color: #9CD4EC;
    font-family: "Arial", Sans-serif;
    font-weight: 600;
    color: var(--e-global-color-secondary);
    box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.5);
    border-style: groove;
    border-width: 4px 4px 4px 4px;
    border-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;

}

#cirilica:hover, #latinica:hover, #default:hover {
    background-color: #00f;
    color: #FFFFFF;
    border-style: groove;
    border-width: 4px 4px 4px 4px;
    border-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px;


}

embed, object {
   /* height: 90%; */
}