/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* here you can put your own css to customize and override the theme */
@font-face {
  font-family: Cairo-SemiBold;
  src: url('fonts/Cairo-SemiBold.ttf');
}
@font-face {
  font-family: Cairo-Regular;
  src: url('fonts/Cairo-Regular.ttf');
}
body
{
    font-family: "Cairo-Regular"!important;
}
h1, h2, h3, h4, h5, h6{
    font-family: "Cairo-SemiBold"!important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before { background-color:#FF7F32!important; }
.font-syed
{
    color:#0e8a8f!important;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
background-color:#FF7F32!important;
border-color:#FF7F32!important;
}
.morris-hover.morris-default-style .morris-hover-point, .select2-container--bootstrap .select2-results__group, .select2-container--bootstrap .select2-selection {
                font-family: "Cairo-Regular"!important;
            }
.alert-warning {
    background-color: #FF7F32;
    border-color: #FF7F32;
    color: #fff;
}            

/* General Code work here */

.sydrightbrd .col-md-4
{
    border-right: 5px solid white;
}

.rg strong, .lf strong, .brd1 strong
{
    color: #f07e3a;
}

.btn-secondary
{ 
    background-color: #253746!important;
}

.orng
{
    color: #f07e3a; 
}

.grn
{
    color: #64a730;
}

.mrgntp30m
{
    margin-top: -30px;
}

.mrgntp15m
{
    margin-top: -16px;
}

html
{
    background: #f5f5f5!important;
}

#content
{
    background: #f5f5f5!important;
    padding-left: 10px;
    padding-right: 10px;
}

.panel
{
    background: #fff; 
    border-radius: 10px;
}

.lf
{
    border-bottom: 1px solid #f5f5f5;
    border-right: 1px solid #f5f5f5;
}
.rg
{
    border-bottom: 1px solid #f5f5f5;
    border-left: 1px solid #f5f5f5;
}
.skills li
{
    height: 15px;
    border-radius: 12px;
}
.skills li .progress
{
    border-radius: 12px;
}

.bg-syed
{
    background: #f5f5f5;
}
/* General Code work here */

.loginpagecard
{
    max-width: 400px; 
    background-color: rgba(255,255,255,0.93);
}

.loginpagebody
{
    padding: 40px; 
    padding-top: 0;
}

.brd1
{
    border: 1px solid #f5f5f5;
}

.brd-clr
{
    border: 2px solid #3F729B;
    border-radius: 5px;
}

.counter 
{
    font-size: 10px!important;
}

@media (min-width: 768px)
{
    .offset-md-1 {
        margin-left: 2.333333%;
    }
    .col-md-7 {
        -ms-flex: 0 0 64.333333%;
        flex: 0 0 64.333333%;
        max-width: 64.333333%;
    }
}

.lftrgtbrd
{
    border-left:3px solid white; 
    border-right:3px solid white;
}