/* 
    Created on  : Nov 29, 2016, 1:17:15 AM
    Author      : Prakasam Mathaiyan
    URL         : http://www.prakasam.co
    E-Mail      : hello@prakasam.co
*/

/*
    
    Primary     : #5F69E0
    Secondary   : #363A5C
    Success     : #7EC857
    Info        : #00C9E6
    Warning     : #FFC017
    Danger      : #FF4859

*/

/*******************************************************************************
        ## GENREAL
*******************************************************************************/
::-moz-selection {
    color: #FFFFFF;
    background: #5F69E0;
}

::selection {
    color: #FFFFFF;
    background: #5F69E0;
}

a {
    color: #5F69E0;
}

a:focus,
a:hover {
    color: #5662D1;
    outline: none;
    text-decoration: none;
}

p {
    color: #72728D;
    line-height: 1.9;
}

/*******************************************************************************
        ## TOP HEADER
*******************************************************************************/
.header-top .navbar-header {
    background-color: #e37425;
}



.header-top .navbar-nav > li > a:focus, a:hover {
    color: #7f888f;
    /* background-color: #F6F9FA; */
}

.header-top .navbar-nav-xs > li > a:focus,
.header-top .navbar-nav-xs > li > a:hover {
    color: #FFFFFF;
    background-color: rgba(0,0,0,.1);
}

@media (max-width: 767px) {

    .header-top .navbar-header {
        background-color: #5F69E0;
        color: #fff;
    }

}

/*******************************************************************************
        ## LEFT SIDEBAR
*******************************************************************************/
.side-nav > li > a .badge {
    float: right;
    margin-top: 1px;
    padding: 2px 5px;
    background-color: #FF4859;
    font-weight: 300;
}

/*******************************************************************************
        ## BREADCRUMB & PAGINATION
*******************************************************************************/
.page-header {
    border-bottom: 1px solid #E7E7E7;
    background: #fff;
}

.page-header.no-breadcrumb {
    border-bottom: 1px solid #f0f3f5;
}

.nav-top.app-layout .page-header {
    border-left: 1px solid #e4eef0;
    border-right: 1px solid #e4eef0;
}

.breadcrumb > li > a {
    color: #c6cbd7;
}

.breadcrumb > li > a:focus,
.breadcrumb > li > a:hover {
    color: #7f888f;
}

.breadcrumb-wrap {
    background-color: #fff;
    border-top: 1px solid #e4eef0;
    border-bottom: 1px solid #e4eef0;
}

.pagination > li > a,
.pagination > li > span {
    color: #363A5C;
    font-weight: 400;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover,
.pagination.rounded > .active > a {
    background-color: #5f69e0;
    border-color: #5f69e0;
}

/*******************************************************************************
                    ## PANEL STYLS
*******************************************************************************/
.panel {
    margin-bottom: 25px;
    border: 0 solid transparent;
}

.panel-heading {
    padding: 17px 15px;
    border-bottom: 1px solid transparent;
}

.panel-title {
    font-weight: 600;
}



.panel-default > .panel-heading {
    color: #62627C;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.panel-primary > .panel-heading {
    background-color: #5765ce;
    border-color: #5765ce;
}

.panel-success > .panel-heading {
    color: #FFFFFF;
    background-color: #c2d81e;
    border-color: #c2d81e;
}

.panel-info > .panel-heading {
    color: #FFFFFF;
    background-color: #1bc9e4;
    border-color: #1bc9e4;
}

.panel-warning > .panel-heading {
    color: #FFFFFF;
    background-color: #febf34;
    border-color: #febf34;
}

.panel-danger > .panel-heading {
    color: #FFFFFF;
    background-color: #ff4a5d;
    border-color: #ff4a5d;
}

.panel-inverse > .panel-heading {
    color: #FFFFFF;
    background-color: #272a49;
    border-color: #272a49;
}

/*CARD TOOLS*/
.panel .tools {
    position: absolute;
    right: 35px;
    top: 16px;
}

.panel .tools > .btn-link {
    color: rgba(0,0,0,.4);
    font-size: 13px;
    margin-left: 15px;
}

.panel .tools > .btn-link:active,
.panel .tools > .btn-link:focus,
.panel .tools > .btn-link:hover {
    color: rgba(0,0,0,.7);
    text-decoration: none;
}

.panel.panel-danger .tools > .btn-link,
.panel.panel-info .tools > .btn-link,
.panel.panel-inverse .tools > .btn-link,
.panel.panel-primary .tools > .btn-link,
.panel.panel-success .tools > .btn-link,
.panel.panel-warning .tools > .btn-link {
    color: rgba(255,255,255,.6);
}

.panel.panel-danger .tools > .btn-link:hover,
.panel.panel-info .tools > .btn-link:hover,
.panel.panel-inverse .tools > .btn-link:hover,
.panel.panel-primary .tools > .btn-link:hover,
.panel.panel-success .tools > .btn-link:hover,
.panel.panel-warning .tools > .btn-link:hover {
    color: rgba(255,255,255,1);
}

.panel .tools .panel-collapse {
    border: none;
}

.panel .tools .panel-collapse:before {
    content: "\e648";
    display: inline;
    font-family: 'themify';
    font-weight: 300;
    height: auto;
    text-shadow: none;
    font-size: 12px;
}

.panel .tools .panel-expand:before {
    content: "\e64b";
    display: inline;
    font-family: 'themify';
    height: auto;
    text-shadow: none;
    font-size: 12px;
}

.panel-full-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    z-index: 10000;
}

.panel-footer {
    padding: 10px 15px;
    background-color: #ffffff;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

/*******************************************************************************
        ## LABEL & BADGES
*******************************************************************************/

.bg-danger,
.bg-info,
.bg-inverse,
.bg-primary,
.bg-success,
.bg-warning {
    color: #FFFFFF;
}

.bg-primary {
    background-color: #5F69E0;
}
.bg-secondary {
    background-color: #363A5C;
}
.bg-success {
    background-color: #7EC857;
}
.bg-info {
    background-color: #00C9E6;
}
.bg-warning {
    background-color: #FFC017;
}
.bg-danger {
    background-color: #FF4859;
}

.label {
    border-radius: 1.5px;
    vertical-align: middle;
    padding: 0.3em 0.6em;
}

.badge-primary,
.label-primary {
    background-color: #5F69E0;
}
.badge-secondary,
.label-secondary {
    background-color: #363A5C;
}
.badge-success,
.label-success {
    background-color: #7EC857;
}
.badge-info,
.label-info {
    background-color: #00C9E6;
}
.badge-warning,
.label-warning {
    background-color: #FFC017;
}
.badge-danger,
.label-danger {
    background-color: #FF4859;
}

.text-primary {
    color: #5F69E0;
}
.text-secondary {
    color: #363A5C;
}
.text-success {
    color: #7EC857;
}
.text-info {
    color: #00C9E6;
}
.text-warning {
    color: #FFC017;
}
.text-danger {
    color: #FF4859;
}

/*******************************************************************************
                    ## PROGRESS BAR
*******************************************************************************/
.progress-bar-success {
    background-color: #7EC857;
}
.progress-bar-info {
    background-color: #00C9E6;
}
.progress-bar-warning {
    background-color: #FFC017;
}
.progress-bar-danger {
    background-color: #FF4859;
}

/*******************************************************************************
        ## LOG VIEW
*******************************************************************************/

.list-log-view > li.success {
    background-color: #E3F4DA;
    border-top: 1px solid #C7E9B5;
}

.list-log-view > li.success > a {
    color: #cde600;
}

.list-log-view > li.info {
    background-color: #DEEFFA;
    border-top: 1px solid #BCDEF4;
}

.list-log-view > li.info > a {
    color: #00c9e6;
}

.list-log-view > li.warning {
    background-color: #FFFBE6;
    border-top: 1px solid #FFF5C2;
}

.list-log-view > li.warning > a {
    color: #ffc017;
}

.list-log-view > li.danger {
    background-color: #FFF0F0;
    border-top: 1px solid #FFD7D7;
}

.list-log-view > li.danger > a {
    color: #ff4859;
}


/*******************************************************************************
        ## ALERTS & CALLOUTS
*******************************************************************************/

.alert {
    border-radius: 3px;
}

.alert:before {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    margin-right: 10px;
}

.alert-block h4 {
    position: relative;
    top: -23px;
    left: 30px;
    width: 85%;
    margin-bottom: -15px;
}

.alert-block p.actions {
    display: block;
    text-align: right;
}

.alert-success {
    color: #87B23B;
    background-color: rgba(148,198,75,.2);
    border-color: rgba(148,198,75,.5);
}

.alert-success:before {
    content: "\e64d";
    color: #87B23B;
}

.alert-info {
    color: #09A8D8;
    background-color: rgba(9,168,216,.2);
    border-color: rgba(9,168,216,.3);
}

.alert-info:before {
    content: "\e697";
    color: #09A8D8;
}

.alert-warning {
    color: #EFAC37;
    background-color: rgba(255,190,64,.2);
    border-color: rgba(255,190,64,.2);
}

.alert-warning:before {
    font-family: 'themify';

    content: "\e6c5";
    color: #EFAC37;
}

.alert-danger {
    color: #E05A3B;
    background-color: rgba(235,104,65,.3);
    border-color: rgba(235,104,65,.4);
}

.alert-danger:before {
    content: "\e646";
    color: #E05A3B;
}

.alert .close {
    font-size: 10px;
    margin-top: 6px;
}

.callout {
    margin: 0 0 20px;
    padding: 20px;
    border-left: 3px solid #eee;
    border-radius: 3px;
}

.callout-danger,
.callout-info,
.callout-success,
.callout-warning {
    background-color: #F2F3F7;
}

.callout-success {
    border-color: #7EC857;
}

.callout-info {
    border-color: #00C9E6;
}

.callout-warning {
    border-color: #FFC017;
}

.callout-danger {
    border-color: #FF4859;
}

/*  Admin-css */

input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
    line-height: 20px;
}
.control-label {
    padding-bottom: 0px;
}
.form-control {
    padding: 0 12px;
}
.add_btn{
    text-align: right;
    padding: 15px 0;
}
.head_btn{
    padding: 12px 20px;
}