/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Nunito:300,400,700,900');


html, body , .navbar-main , button , input, select, textarea {font-family: 'Open Sans', sans-serif}
body {
    color: #777777 !important;
    font-weight: 400 !important;
    font-family: 'Open Sans', sans-serif

}

.nunito_font  {font-family: 'Nunito', sans-serif}
.open_sans_font  {font-family: 'Open Sans', sans-serif}


h1, h2 ,h3 ,h4 , h5 {
    font-family: 'Nunito', sans-serif !important;
         color: #e74c3c ;
    font-weight: 700 !important;
}

.home-shortcuts {
    width: 100%;
    float: left;
    padding: 100px 0;
   background: #fafafa;
    margin-bottom: 50px ;
}

.home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center {
    width: 100%;
}

.home-shortcuts .col-md-4.hidden-sm.hidden-xs.text-center p {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 35px;
    text-transform: capitalize;
    font-family: 'Nunito', sans-serif !important;
    color: #000;
    font-weight: 700 !important;

}

.home-shortcuts .col-sm-12.col-md-8 {
    width: 100%;
}
.home-shortcuts li {
    width: 23%;
    background-color: transparent;
    padding: 60px 0;
    text-align: center;
    border: 2px dashed #d7d7d7;
    margin-right: 2%;
    transition: all ease-in-out .5s;
}
.home-shortcuts li i {
    color: #fff;
}

.home-shortcuts li p {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    font-family: 'Nunito', sans-serif;
}

.home-shortcuts li i {
    font-size: 50px;
    margin-bottom: 10px;
    color: #000;
}

.label-warning[href]:focus, .label-warning[href]:hover {
background-color: #e74c3c;
}


.home-shortcuts li:last-child {
    margin-right: 0;

}
ul.top-nav>li:active>a, ul.top-nav>li:focus>a, ul.top-nav>li:hover>a, ul.top-nav>li>a:focus {
    color: #fff;
    background: #e74c3c;
}
.home-shortcuts li:hover{background-color: #fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.20); border: 2px solid #fff !important; transition-duration: 0.5s;}
.home-shortcuts li:hover i, .home-shortcuts li:hover p{color: #e74c3c}
/*.home-shortcuts li:first-child {*/
    /*border-left: none;*/
/*}*/
.home-shortcuts li:first-child{border: 2px dashed #d7d7d7}
ul.top-nav>li>a {
    color: #000;
}

section#header .logo-text {
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: #e74c3c;
    padding-top: 12px;
    display: inline-block;
}
.navbar-main .navbar-toggle .icon-bar{background-color: #e74c3c !important;}

@media screen and (max-width: 767px){
    .dataTables_wrapper  {
        overflow-x: auto !important;
        overflow-y: hidden !important;
    }
    .dataTables_wrapper table.table-list {
        width: 900px !important;
    }
    .home-shortcuts {
        padding: 50px 0;
    }

    .home-shortcuts li {
        width: 50% !important;
        margin: 10px auto !important;
    }
    #home-banner{padding: 115px 0 !important; background-position: left}
    ul.top-nav{text-align: center}
}


@media screen and (max-width:  480px){
.logo , .top-nav {
    width: 100%;
    float: left;
    text-align: right;
}

    .logo{
    padding-top: 15px;
        text-align: center;
}
    #order-modern .currencychooser {
        text-align: center !important;''
    }
    section#header .logo img {
        width: 50%;
    }
    .announcement-single h3 {
        line-height:24px ;
    }
    .dataTables_info {
        float: left !important;
        width: 100% !important;
        margin-top: 20px !important;
    }
    .dataTables_filter {
        float: left !important;
        width: 100% !important;
        background: #4f5360 !important;
        margin-top: 10px !important;
    }
    .listtable {
        float: left;
    }
    .home-shortcuts li {
        width: 80% !important;
        margin: 10px auto !important;
    }
    .home-shortcuts li {
        padding: 20px 0 30px;

    }

}