/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 2.1
	Author: GeeksLabs
	Author URL: http://www.themeforest.net/user/geekslabs
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUT

URE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
 .loader{
    position: fixed;
    top: 0px;
    left: 0px; 
    right: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    background: url('/rahnamood/assets/img/sample/loader.gif') 50% 50% no-repeat rgb(244,244,244);
  }
html,
body {
    height: 100%;
}
html {
    display: table;
    margin: auto;
}
body {
    display: table-cell;
    vertical-align: middle;
}


#main-content{
	padding-top: 20px;
	min-height: 500px;
}
#main-content a:hover {
	text-decoration: none;
	color: #aaa;
}
#main-content a{
	
	color: #00AFF0 !important;
}
body{
	color:rgba(0, 0, 0, 0.87);
}
#collapsible-body ul li a{

	color: #00AFF0 !important;
}

#search{
	width: 43% !important;
}
form{
	padding-bottom: 20px !important;
}
h1, h2 , h3 , h4 , h5 , h6{
	text-align: center !important;
}
.card-panel{
	padding-bottom: 20px !important;
}
#view-team-modal span
{
	font-size: 20px !important;
}
#radious{
	border-radius: 50%;
}
#theader{
	background-color: #eef !important;
}
.courses_list{
	border-bottom: 1px dashed #00AFF0 !important;
}
button{
	text-align: center !important;
}

.sport-types{
	margin-top: 20px;
	font-family: "Times New Roman", Times, serif !important
}
#must{
	color: #000 !important;
}
@media only screen and (max-width: 992px) {
    #ogai {
        
    }

 
.bg-blue{
	background-color: #00AFF0 !important; 
	margin-top: 10px !important;
}
body, html{
	font-family: "Times New Roman", Times, serif !important;
}
.section{
	font-family: "Times New Roman", Times, serif !important;
}
#accept{
	padding-bottom: 8px;
}
@media only screen and (max-width: 992px) {
    #rep {
        margin: 0 auto;
    }
}    
.container{
	min-height: 500px;
}
#content{
	min-height: 700px !important;
}