/*start main rules*/
body{
    background-color: #d2d6de;
    font-size: 16px;
}
body,h1,h2,h3,h4,h5,h6{
    font-family: 'Cairo', sans-serif !important;
}
h1{
    font-size: 55px;
    margin: 40px 0;
    font-weight: bold;
    color: #666;
}

.nice-message{
    padding: 10px;
    background-color: #FFF;
    margin: 10px 0;
    margin-top: 60px;
    border-left: 5px solid #080;
    font-size: 25px;
    font-weight: bold;
}
/*end main rules*/

.main-table td{
    background-color: #FFF;
   vertical-align: middle !important;
}
.main-table tr:first-child td{
   background-color: #333;
   color: #FFF;
   
} 
/****start Login page**/

.login-page [data-class=".login"].selected{
 color: #337AB7;   
}
.login-page  [data-class=".signup"].selected{
 color: #5cb85c;   
}
.login-page h1{
    color: #C0C0C0;
}
.login-page .register-logo  span{
    cursor: pointer;
}
.login-page .signup{
    display: none;
}
.the-errors .msg{
    padding: 10px;
    text-align: left;
    border-left: 5px solid #cd6858;
    background-color: #fff;
    margin-bottom: 8px;
    border-right: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    color: #919191;
}
.the-errors .error{
    border-left: 5px solid #cd6858;
}
.the-errors .success{
    border-left: 5px solid green;
}
.pull-left{
	float: right !important;
}

.pull-right{
	float: left !important;
}

/****end Login page**/

/***start custom page***/


/***end custom page***/