@font-face {
    font-family: MyFont;    
    src: url(../fonts/raleway/Raleway-Regular.ttf);
}

body{
    font-family: 'Arial';    
}

.login-page, .register-page {
    background-color: #fff;
}

.btn-primary {
    background-color: #00AEC4;
    border:1px solid transparent;
}

.btn-primary:focus, .btn-primary:active, .btn-primary:active:hover:focus{
    background-color: #00AEC4;
    border:1px solid transparent;
}

.btn-primary:hover {
    background-color: #00AEC4;
    border:1px solid transparent;
}

.skin-blue .main-header .navbar {
    background-color: #00AEC4 !important;
}
.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: #00AEC4 !important;
}

.skin-blue .main-header .logo {
    background-color: #00AEC4 !important;
}

.skin-blue .sidebar-menu>li:hover>a, .skin-blue .sidebar-menu>li.active>a {
    border-left-color: #00AEC4 !important;
}

.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #00AEC4 !important;
}

a {
    color: #00AEC4;
}

a:hover{
    color: black;
}

.bordered {
    border: 4px solid red;
}

.star-full {
    color:#00AEC4;    
}

.star-empty {
    color:#00AEC4;
    background-color:#fff;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color:#00AEC4;
    border-color:#BC1069;
}

.bt {    
    position:absolute;
}

.bt-1 {
    background-color:#00AEC4;
    cursor:pointer; 
    width:16px;
    height:16px;    
    border-radius:10px !important;
}
.bt-2 {
    background-color:yellow;
    cursor:pointer; 
    width:16px;
    height:16px;    
    border-radius:10px !important;
}
.bt-3 {
    background-color:#00AEC4;    
    width:16px;
    height:16px;    
    border-radius:10px !important;
}

.bt-4 {
    background-color:blue;    
    width:16px;
    height:16px;    
    cursor:pointer;
    border-radius:10px !important;
}