/* here you can put your own css to customize and override the theme */
@media (min-width: 992px) {
    .page-on-scroll .page-header .navbar-fixed-top {
        padding: 5px 15px;
    }
}

body {
    background: white !important;
}

.page-header .navbar .navbar-nav > li > a {
    background: #2980b9 !important;
    color: #fff;
}


.icon-insert {
    font-size: 25px;
    padding-top: 8px
}

.icon-edit {
    font-size: 25px;
    padding-top: 8px
}

.btn-boder1 {
    background-color: #ffffff !important;
    border-color: #121312;
    color: #131212 !important;
}

.icon-remove {
    display: block;
    opacity: 1;
    width: 29px;
    height: 28px;
    margin-top: 0px !important;
    float:right;
    cursor:pointer;
}

.icon-detail {
    /*color: #36c6d3;*/
    font-size: 25px;
    padding-top: 10px;
}

.page-header .navbar .navbar-nav.navbar-right .dropdown-menu {
    border: 1px solid #000 !important;
    border-top-width: 0 !important;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.table-toolbar {
    margin-bottom: 5px !important;
}

    .table-toolbar .actions a {
        /*margin-top: 5px;*/
        margin-right: 5px !important;
    }

.nopadding {
    padding: 0 !important;
}

.text-right {
    text-align: right !important
}

.text-center, .tcenter {
    text-align: center !important
}

.tupper {
    text-transform: uppercase;
}

.text-left {
    text-align: left !important
}

.nowrap {
    white-space: nowrap
}

.htmlview {
    border: 1px solid #ddd;
    padding: 5px;
    box-shadow: 0 0 4px 1px #ddd;
    min-height: 30px;
    max-height: 500px;
    overflow-y: auto;
}

.textview {
    border: 1px solid #ddd;
    padding: 5px;
    min-height: 30px;
}

    .textview p {
        margin: 0;
    }

ul.list-attach {
    padding: 0 10px;
    margin: 0;
}

    ul.list-attach li {
        list-style: none;
    }

.mt-checkbox {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.form .form-bordered .form-group > div {
    padding: 10px;
}

.form .form-bordered .form-group .control-label {
    padding-top: 15px;
}

.form .form-no-bordered .form-group {
    border: none !important;
}

.no-shadow {
    box-shadow: none !important;
}

.d-flex {
    display:flex!important;
}

.tree-grid .btn-icon-only {
    height: 22px;
    width: 22px;
    text-align: center;
    padding: 2px 0 0 !important;
    margin: 0 !important;
}

.tree-grid .btn-group {
    border: 1px solid #7dc4f9;
}


.modal-max {
    width: 97%;
}

@media (max-width: 765px) {

    .modal-70 {
        width: 95%!important;
    }

    .modal-80 {
        width: 95% !important;
    }

    .modal-65 {
        width: 95% !important;
    }

    .modal-60 {
        width: 95% !important;
    }


    .modal-55 {
        width: 95% !important;
    }

    .modal-50 {
        width: 95% !important;
    }

    .modal-45 {
        width: 95% !important;
    }

    .modal-40 {
        width: 95% !important;
    }

    .modal-38 {
        width: 95% !important;
    }

    .modal-35 {
        width: 95% !important;
    }

    .modal-30 {
        width: 95% !important;
    }

    .modal-25 {
        width: 95% !important;
    }

    .modal-20 {
        width: 95% !important;
    }

    .modal-15 {
        width: 95% !important;
    }

    .modal-10 {
        width: 95% !important;
    }
}
.modal-100 {
    width: 100%;
}

.modal-90 {
    width: 90%;
}

.modal-70 {
    width: 70%;
}
.modal-75 {
    width: 75%;
}
.modal-80 {
    width: 80%;
}

.modal-65 {
    width: 65%;
}

.modal-60 {
    width: 60%;
}
.modal-55 {
    width: 55%;
}
.modal-50 {
    width: 50%;
}

.modal-45 {
    width: 45% !important;
}

.modal-40 {
    width: 40% !important;
}


.modal-38 {
    width: 38%;
}

.modal-35 {
    width: 35%;
}


.modal-30 {
    width: 30%;
}

.modal-25 {
    width: 25%;
}

.modal-20 {
    width: 20%;
}
.modal-15 {
    width: 15%;
}

.modal-10 {
    width: 10%;
}

.modal-footer, .modal-header {
    padding: 10px;
}

.modal-header {
    color: #fff;
    padding: 1px 3px 2px 10px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
}

.mw70 {
    min-width: 70px !important;
}

.mw80 {
    min-width: 80px !important;
}

.mw90 {
    min-width: 90px !important;
}

.mw100 {
    min-width: 100px !important;
}

.mw110 {
    min-width: 110px !important;
}

.mw120 {
    min-width: 120px !important;
}

.mw130 {
    min-width: 130px !important;
}

.mw140 {
    min-width: 140px !important;
}

.mw150 {
    min-width: 150px !important;
}

.mw160 {
    min-width: 160px !important;
}

.mw170 {
    min-width: 170px !important;
}

.mw180 {
    min-width: 180px !important;
}

.mw190 {
    min-width: 190px !important;
}

.mw200 {
    min-width: 200px !important;
}

.w28 {
    width: 28px !important;
}

.h28 {
    height: 28px !important;
}



/***
TODO Page
***/
/* Cubic Bezier Transition */

.todo-ui .portlet.light {
    padding: 12px 12px 15px;
}

.todo-sidebar {
    float: left;
    width: 300px;
    margin-right: 20px;
}

.todo-content {
    overflow: hidden;
}

.todo-tasklist-item-border-green {
    border-left: #3faba4 2px solid;
}

.todo-tasklist-item-border-blue {
    border-left: #4c87b9 2px solid;
}

.todo-tasklist-item-border-purple {
    border-left: #8877a9 2px solid;
}

.todo-tasklist-item-border-red {
    border-left: #d05454 2px solid;
}

.todo-tasklist-item-border-yellow {
    border-left: #d4ad38 2px solid;
}

.padding-top-10px {
    padding-top: 15px;
}

.todo-userpic {
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    border: 1px #cedae1 solid;
}

.todo-text-color {
    color: #45535b;
}

@media (min-width: 900px) {
    .dataTable-pr0 {
        padding-right: 0px !important;
    }

    .dataTable-pr5 {
        padding-right: 5px !important;
    }

    .dataTable-pr10 {
        padding-right: 10px !important;
    }

    .dataTable-pr20 {
        padding-right: 20px !important;
    }

    .dataTable-w80 {
        padding-right: 0px !important;
        width: 80px !important;
    }
    .dataTable-w120 {
        padding-right: 0px !important;
        width: 120px !important;
    }

    .dataTable-title {
        padding-right: 0px !important;
        width: 30% !important;
    }

    .dataTable-30per {
        padding-right: 0px !important;
        width: 30% !important;
    }

    .dataTable-20per {
        padding-right: 0px !important;
        width: 20% !important;
    }

    .dataTable-10per {
        padding-right: 0px !important;
        width: 10% !important;
    }
    .dataTable-15per {
        padding-right: 0px !important;
        width: 15% !important;
    }
    .dataTable-25per {
        padding-right: 0px !important;
        width: 25% !important;
    }

    .dataTable-createdDate {
        padding-right: 0px !important;
        width: 23% !important;
    }
}