.page-header.navbar .page-top {
    box-shadow: 0 1px 10px 0 rgba(50,50,50,.2);
    background: #26344b !important;
}

.page-header.navbar .search-form {
    background: #2b3b56 !important;
}


body {
    background-color: #222e42 !important;
    color: #c2c2c2;
}

div {
    font-family: iransans;
    color: #f1e4e4;
}


/*---------navbar--------*/
/*-------------------------*/

.navbar  {

    background-color: #112233;
}

.navbar-brand {
    color: #f1e4e4 !important;
}

.text-dark, .nav-link {
    color: #b9b9b9 !important;
}

    .text-dark, .nav-link:hover {
        color: #f1e4e4 !important;
    }

.dropdown-menu {
    background-color: #222e42 !important;
}

a.text-dark:focus, a.text-dark:hover {
    color: #b9b9b9 !important;
}



/*---------portlet--------*/
/*-------------------------*/
.portlet {
    box-shadow: 0 0 10px 0px #828cff, 1px 1px 40px 0px #828cff, 1px 1px 90px 2px #828cffa3;
    /*box-shadow: 1px 1px 4px 0px #54ffd073, 1px 1px 4px 0px #54ffd073, 1px 1px 9px 2px #54ffd059;*/

    border: 2px solid transparent;
    border-image: linear-gradient( 0deg, #828cff,#54ffd073);
    border-image-slice: 1;
    animation-name: portlet_borderAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@keyframes portlet_borderAnimation{

    0% {
        border: 2px solid transparent;
        border-image: linear-gradient( 0deg, #828cff,#eef110);
        border-image-slice: 1;
    }
    50% {
        border: 2px solid transparent;
        border-image: linear-gradient( 180deg, #828cff,#eef110);
        border-image-slice: 1;
    }
    100% {
        border: 2px solid transparent;
        border-image: linear-gradient( 360deg, #828cff,#eef110);
        border-image-slice: 1;
    }
}



.portlet.light.bg-inverse {
    background-color: #354560 !important;
}

.portlet-title > div > span {
    color: #3799d3 !important;
}



/*---------page-bar--------*/
/*-------------------------*/
.page-bar {
    background-color: #102438 !important;
}

    .page-bar .page-breadcrumb > li > a,
    .page-bar .page-breadcrumb > li > span {
        color: #f7f7f7 !important;
    }



#DetailDiv {
    background-color: #354560 !important;
    box-shadow: 0 0 10px 0px #828cff, 1px 1px 40px 0px #828cff, 1px 1px 90px 2px #828cffa3;
    /*box-shadow: 1px 1px 4px 0px #828cff, 1px 1px 4px 0px #828cff, 1px 1px 9px 2px #828cffa3;*/
    /*box-shadow: 1px 1px 4px 0px #54ffd073, 1px 1px 4px 0px #54ffd073, 1px 1px 9px 2px #54ffd059;*/

    border: 2px solid transparent;
    border-image: linear-gradient( 0deg, #828cff,#54ffd073);
    border-image-slice: 1;
    animation-name: portlet_borderAnimation;
    animation-duration: 4s;
    animation-iteration-count: infinite;

}





/*---------record Control--------*/
/*-------------------------*/
.navbaricon {
    transition: 0.25s;
}

    /*.navbaricon:hover {
        text-shadow: -5px 8px 9px #70707040, -2px 5px 4px #74747480;
    }*/

#NextRecordNavbarIcone {
    color: #337ab77d;
}
    #NextRecordNavbarIcone:hover {
        text-shadow: 0 0 10px #2196f3, 0 0 40px #2196f3, 0 0 80px #2196f3;
        color: #2196f3;
    }

[id=SaveAndNextNavbarIcone] {
    color: #0270029c;
}
    [id=SaveAndNextNavbarIcone]:hover {
        text-shadow: 0 0 10px #02ad02, 0 0 40px #02ad02c9, 0 0 80px #02ad02a8;
        color: #02ad02;
    }

#UnkownAndNextNavbarIcone {
    color: #ab0c0c8c;
}
    #UnkownAndNextNavbarIcone:hover {
        text-shadow: 0 0 10px #641e1e, 0 0 40px #ed2727d4, 0 0 80px #b51919bf;
        color: #fd0909;
    }
#BeforeRecordNavbarIcone {
    color: #337ab77d;
}
    #BeforeRecordNavbarIcone:hover {
        text-shadow: 0 0 10px #2196f3, 0 0 40px #2196f3, 0 0 80px #2196f3;
        color: #2196f3;
    }




/*------------Controls---------------------*/
/*-----------------------------------------*/



/*------------Checkbox--------------*/
.oxin_checkbox input[type="checkbox"]:checked:before {
    border: 2px solid #9daf2e !important;
    border-top: none !important;
    border-left: none !important;
}

.oxin_checkbox input[type="checkbox"]:before {
    border: 2px solid #9daf2e !important;
}


.oxin_checkbox_RTL input[type="checkbox"]:before {
    border: 2px solid #9daf2e !important;
}

.oxin_checkbox_RTL:checked input[type="checkbox"]:before {
    border: 2px solid #9daf2e !important;
    border-top: none !important;
    border-left: none !important;
}






[type=text], [type=email], [type=password], [type=number], select {
    background-color: #2b3b56 !important;
    color: #c1b4b4 !important;
    border: 1px solid #72777c !important;
    /*box-shadow: 0 0 2px 0px #d8ff00, 0 0 8px 0 #d8ff0073, 0 0 200px 0 #d8ff0070 !important;*/
    margin: 1px 0px 1px 0px !important;
}
    [type=text]:focus, [type=email]:focus, [type=password]:focus, [type=number]:focus, select:focus {
        background-color: #93a2bb !important;
        color: #1e1a1a !important;
        border: 1px solid #bbc2c9 !important;
        box-shadow: 0 0 2px 0px #d8ff00, 0 0 8px 0 #d8ff0073, 0 0 200px 0 #d8ff0070 !important;
        margin: 1px 0px 1px 0px !important;
    }


/*------------Table-------------*/
/*------------Table row---------------*/

.table td, .table th {
    border-top: 1px solid #737880 !important
}

.table > tbody > tr {
    box-shadow: 0 0 0px #cff113 !important;
    color: #b5b3b3 !important;
    background-color: #2b3b56 !important;
}

    .table > tbody > tr:hover {
        box-shadow: 0 0 10px #3c5b91, 0px 0 40px #74a8ff !important;
        color: white !important;
        background-color: #588be1 !important;
        border: 1px solid #588be1 !important;
    }



/*-------------Modal------------*/
.modal-content {
    background-color: #434982;
    box-shadow: 0 0 10px 0px #828cff, 1px 1px 40px 0px #828cff, 1px 1px 90px 2px #828cffa3;
    /*box-shadow: 1px 1px 4px 0px #54ffd073, 1px 1px 4px 0px #54ffd073, 1px 1px 9px 2px #54ffd059;*/

    border: 2px solid transparent;
    border-image: linear-gradient( 0deg, #828cff,#54ffd073);
    border-image-slice: 1;
    animation-name: portlet_borderAnimation;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}