/** BACKGROUND AND PAGE CONTAINERS START **/
body {
    background-color: #fff !important; /* light grey color - same as the login page */
}

.wrapper {
    margin-right: 0;
    margin-left: 0;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 992px) {
    .page-content {
        padding-top: 55px;
    }
}
/** BACKGROUND AND PAGE CONTAINERS END **/

/** ICONE START **/
.actions {
     text-align:right;
}

.actions i {
    color: #525d66;
    font-size: 20px;
    padding-right: 3px;
}

.actions i.fa-ban {
    color: #ddd;
}

.actions i.transparent {
    color: transparent;
}

.actions i:hover {
    color: #858f99;
}

.actions i.fa-ban:hover {
    color: #757575;
}
/** ICONE END **/

/** LINK START **/
a {
    color: #00094D;
}

a:hover {
    color: #5b6a77;
}

thead a {
     color: #00094D;   
}

thead a:hover {
    color: #5b6a77;
}

.portlet.box>.portlet-title>.caption {
    color: #00094D;
}
/** LINK END **/

/** CUSTOM COLORS START **/
.color {
    border-color: #00094D;
    color: #00094D;
    background-color: #fff;
}

.color:hover,
.color:active,
.color:focus {
    border-color: #00094D;
    color: #fff;
    background-color: #00094D;
}

.color-inverted {
    border-color: #00094D;
    color: #00094D;
    background-color: transparent;
}

.color-inverted:hover,
.color-inverted:active,
.color-inverted:focus {
    border-color: #00094D;
    color: #fff;
    background-color: #00094D;
}

.save-color {
    border-color: #00094D;
    color: #00094D;
    background-color: #fff;
}

.save-color:hover,
.save-color:active,
.save-color:focus {
    border-color: #00094D;
    color: #fff;
    background-color: #00094D;
}

.save-new-color {
    color: #00094dc2;
    background-color: #ffffff;
    border-color: #00094dc2;
}

.save-new-color:hover,
.save-new-color:active, 
.save-new-color:focus {
    color: #fff;
    background-color: #00094dc2;
    border-color: #00094dc2;
}

.cancel-color {
    background-color: #fff;
    color: #666;
    border-color: #666;
}

.cancel-color:hover,
.cancel-color:active, 
.cancel-color:focus {
    color: #fff;
    background-color: #666;
    border-color: #666;
}

.title-color {
    color: #00094D;
}

.bord-color {
    border: 1px solid #e7ecf1;
}

.font-color {
    color: #00094D !important;
}
/** CUSTOM COLORS END **/

.resize-no {
    resize: none;
}

/** INDEX PAGE CSS START **/
.currency-index {
    width: 250px !important;
    padding-right: 90px !important;
    text-align: right;
    /*color:green;*/
}

/** INDEX PAGE CSS END **/

/** CHECKBOXES START **/
.md-checkbox label>.check {
    border-color: #00094D;
}

.form-group.form-md-checkboxes .rtl-label {
    
    text-align: left;
}
/** CHECKBOXES END **/

/** COURSES START **/
.course-enroll .portlet-body.form {
    padding-left: 6% !important;
    padding-right: 6% !important;
}

.course-enroll .row label,
.course-enroll .row span,
.course-enroll .row div,
.course-enroll .row b,
.course-enroll .row p {
    font-size: 14px;
    color: #888;
}

.course-enroll {
    width: 24vw;
    min-width: 250px;
    display: inline-table;
    position: relative;
    margin-bottom: 50px;
}

.course-enroll .form-body {
    min-height: 570px;
}

.course-enroll .course-enroll-footer {
    /*position: absolute;
    bottom: 15%;
    display: inline;*/
    font-size: 1.3em;
}

.course-enroll input {
    width: 60%;
    display: inline-block;
}

.course-enroll .col-md-12 {

    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}
/** COURSES END **/

/** TABLES START **/
.table-scrollable-borderless {
    overflow-y: auto;
}
/** TABLES END **/

/** LOGIN START **/
.login{
	background-color:#eceef1 !important;
}

.login .content{
	background-color:#fff !important;
	padding: 0px !important;
}

.login #user_login_form{
	padding: 10px 30px 	0px !important;
}

.login #user_login_form .submit{
	display: inline-block;
}

.login .form-title.font-green{
	color:#fff !important;
	background-color: #00094D !important;
	padding-top:20px !important;
	padding-bottom:20px !important;
	margin-top:0px !important;
	border-bottom: 3px solid #FACF00;
}

.login .content .form-control {
    background-color: #fff !important;
}

.login .logo,
.login .logo *{
	margin:0px !important;
}

.login .create-account {
    margin: 0px !important;
    padding: 0px !important; 
    background-color: #fff !important;
}

.login .logo img {
    height: 80px;
    margin: 0px;
}

.login .content .form-control {
    background-color: #dde3ec;
    height: 43px;
    color: #00094D;
    border: 1px solid #c3ccda;
    
}

.login .content .form-control:active, .login .content .form-control:focus {
    border: 1px solid #00094D;
}




/** LOGIN END **/

/** FOOTER START **/
.copyright {
    color: #999;
    margin-left: 30px;
}
/** FOOTER END **/

/** PAGINAION START **/
.pagination>li>a,
.pagination>li>a:focus, 
.pagination>li>a:hover, 
.pagination>li>span, 
.pagination>li>span:focus, 
.pagination>li>span:hover {
    border-color: #00094D !important;
    color: #00094D !important;
}

.pagination>.disabled>a,
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
    border-color: #00094D !important;
    color: #00094D !important;
    background-color:  #ddd;
}

.pagination>.active>a,
.pagination>.active>a:focus, 
.pagination>.active>a:hover, 
.pagination>.active>span, 
.pagination>.active>span:focus, 
.pagination>.active>span:hover {
    border-color: #00094D !important;
    color: #fff !important;
    background-color:  #00094D;
}
/** PAGINATION END* */

/** GRAPH **/
.page-content 
{    padding-top: 50px;
    /*  padding-left: 10px;*/
}

.portlet.box>.portlet-title
{
    padding-left: 0px;
}

.portlet-title
{
    margin-bottom: 20px;
}

.form-horizontal .control-label
{
    text-align: left;
  
}

body
{
    font-size: 12px;    
}
/** GRAPH END **/

/** AJAX LOADER START **/
.ajax-loader {
    width: 200px;
    height: 300px;
    position: relative;
    border: solid 1px gray;
    
}

.ajax-loader:after {
    width: 100%;
    height: 100%;
    position: absolute;
    background: url("http://www.freeiconspng.com/uploads/load-icon-png-20.png");
    background-size: cover;
    content: '';
    -webkit-animation: spinX 3s infinite;
    animation: spinX 3s infinite;
}

@-webkit-keyframes spinX
{  
    0%   {-webkit-transform: rotateX(0deg); -webkit-transform-origin: 0% 50% 0;}  
    100% {-webkit-transform: rotateX(360deg); -webkit-transform-origin: 0% 50% 0;}  
}
@keyframes spinX
{  
    0%   {transform: rotateX(0deg); transform-origin: 0% 50% 0;}  
    100% {transform: rotateX(360deg); transform-origin: 0% 50% 0;}  
}
/** AJAX LOADER END **/

/** FORM START **/
.form.large-9.medium-8.columns.content {
    background-color: #fff;
    padding: 30px 30px 0px !important;
}

/** FORM END **/