.tg-dashboardbox-cus {
    margin-left:40%;
}

.tg-dashboardbox-cus-table {
    margin-left: 25%;
}

.tg-pagination-table{
    padding-top:0px;
}

.tg-subcategoriess > li {
    width: 100%;
}

.tg-hassubcategories:before{
    content:none;
}

.nat-tg-formtheme {
    border: 1px solid #f3f4f9;
    padding: 10px;
    border-radius: 3px;
}

.input-group-addon {
     padding: 0px 0px; 
     background-color: none; 
     border: none; 
    border-radius: 4px;
}
.nat-select {
    height: 50px !important;
    padding-right: 0px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
/*==============================================
			Theme Radio/Check					
==============================================*/
.tg-btn {
    cursor: pointer;
}

.tg-checkbox input[type=checkbox] + label,
.tg-radio input[type=radio] + label {
    color: #363b4d;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 0 0 30px;
    text-transform: capitalize;
}

    .tg-checkbox input[type=checkbox] + label:before,
    .tg-radio input[type=radio] + label:before {
        top: 0;
        content: '';
        width: 20px;
        height: 20px;
        background: #fff;
        line-height: 18px;
        border-radius: 3px;
        border: 1px solid #bbb;
    }

    .tg-radio input[type=radio] + label:before {
        border-radius: 50%;
    }

    .tg-checkbox input[type=checkbox] + label:after {
        top: 0;
        left: 0;
        opacity: 0;
        width: 20px;
        height: 20px;
        content: '\f00c';
        color: #1e8cbe;
        font-size: 13px;
        line-height: 20px;
        position: absolute;
        text-align: center;
        visibility: hidden;
        font-family: 'FontAwesome';
    }

    .tg-radio input[type=radio] + label:after {
        top: 5px;
        left: 5px;
        opacity: 0;
        content: '';
        width: 10px;
        height: 10px;
        border-radius: 50%;
        position: absolute;
        text-align: center;
        visibility: hidden;
        background: #1e8cbe;
    }

.tg-checkbox input[type=checkbox]:checked + label:before,
.tg-radio input[type=radio]:checked + label:before {
    content: '';
}

.tg-checkbox input[type=checkbox]:checked + label,
.tg-radio input[type=radio]:checked + label {
    color: #666;
}

    .tg-checkbox input[type=checkbox]:checked + label:after,
    .tg-radio input[type=radio]:checked + label:after {
        opacity: 1;
        visibility: visible;
    }

.tg-selectgroup .tg-checkbox {
    width: 95px;
}
.tg-selectgroup .tg-radio {
    width: auto;
}
    .tg-selectgroup .tg-radio + .tg-radio {
        margin: 0 0 0 20px;
    }
/*==============================================
			Theme Radio/Check					
==============================================*/

.pagination {
    margin: 0px 0;
    float: right;
    font-family: serif;
}

.nt-text-show{
    display:block;
}
.nt-text-hide {
    display: none;
}
.nt-dashboardtable{
    margin-bottom:20px;
}
.nat-disabled, nat-disabled:before, nat-disabled:after {
    background: #3ed88c!important;
}

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: scale(1) rotate(0deg);
    }

    to {
        transform: scale(1) rotate(360deg);
    }
}

/*Edit Button*/


.tg-crud {
    /*top: 0;
    right: 0;*/
    width: 33px;
    color: #363b4d;
    display: block;
    cursor: pointer;
    padding: 2px 0 1px;
    text-align: center;
    /*position: absolute;*/
    border-radius: 3px;
    background: #f7f7f7;
   display: inline-block;
}

    .tg-crud i {
        color: #363b4d;
        display: block;
        /*font-size: 12px;*/
        line-height: 30px;
    }

/*Default Hover Style*/

    .tg-crud:hover {
        color: #fff;
        background: #00cc67;
    }

    .tg-crud:hover i
    {
        color: #fff;
    }

/*Edit Button Styles*/
.tg-edit:hover,
.tg-edit.tg-edited {
    color: #fff;
    background: #FFBF00;
}

        .tg-edit:hover i,
        .tg-edit.tg-edited i {
            color: #fff;
        }

/*Delete Button*/

.tg-delete:hover,
.tg-delete.tg-deleted {
    color: #fff;
    background: #ff3300;
}

    .tg-delete:hover i,
    .tg-delete.tg-deleted i {
        color: #fff;
    }

.nt-form-control {
    background: #eee!important;
}
.nt-tg-checkbox input[type=checkbox] + label:before {
    background: #eee !important;
}

.profile_pic {
    width: 40px;
    height: 40px;
}

.tg-dashboardtable tbody tr:hover .tg-btnactionprimary {
    background: #007bff;
}

.tg-dashboardtable tbody tr:hover .tg-btnactioninfo {
    background: #17a2b8;
}
.tg-dashboardtable tbody tr:hover .tg-btnactionwarning {
    background: #ffc107;
}
.nt-col-md-12 {
    width: 100%;
    float: left;
    position: relative;
    padding-right: 2px;
}
.nt-col-md-9 {
    width: 75%;
    float: left;
    position: relative;
    padding-right: 2px;
}
.nt-col-md-6 {
    width: 50%;
    float: left;
    position: relative;
    padding-right: 2px;
}

.nt-col-md-3 {
    width: 25%;
    float: left;
    position: relative;
    padding-right: 2px;
}

.nt-col-md-3 {
    width: 25%;
    float: left;
    position: relative;
    padding-right: 2px;
}
.nt-col-md-4 {
    width: 30%;
    float: left;
    position: relative;
    padding-right: 2px;
}
.nt-format-element {
    float: left;
    position: relative;
    padding-right: 6px;
    padding-left: 6px;
    font-weight: bold;
    font-size: x-large;
    top: 6px;
}


.table-condensed > tbody > tr > td {
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2;
    border: solid 2px #ffffff;
    /*border: solid 2px #ffffff;
    background-color: #eeeeee;*/
}
.table-condensed > tbody {
    background: #e8e5e5;
}
.table-condensed > thead > tr  {
    border-bottom: solid 1px #cdd0d0;
}

.datepicker-dropdown {
    border: solid 1px #cdd0d0;
    margin: 0px 0 0;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover {
    background-image: linear-gradient(to bottom, #bbb5b5, #bbb5b5);
    border: none;
}

.datepicker table tr td.active {
    border: none;
}

.datepicker table tr td.disabled.day {
    background-image: linear-gradient(to bottom, #fbfafa, #fbfafa);
}
.datepicker-dropdown {
    z-index: 1000!important;
}
.nt-modal {
    top: 18%;
    left:5%;
}
.nt-title {
    background-color: #f7f7f7;
    padding: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

input[type="password"], input[type="email"] {
    text-transform: none !important;
}

.verify {
    top: 5px;
    right: -25px;
    float: none;
    position: absolute;
    font-weight: 500;
   
}
.verify-text-danger {
    color: #d62420 !important;
}

    .contact-group {
        padding-right: 5px;
    }

    /*Style data Table*/
.table > thead:first-child > tr:first-child > th {
    border-top: none;
}

.dataTables_length select {
    padding: 0px 10px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 62px !important;
}

.nat-btn-success {
    border-color: #00cc67;
}




/* coded by nasif */
.Language-dropdown {
    width: 65px !important;
    margin-left: 10px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-right: 0px !important;
    border-right-width: 0px !important;
    height: 22px !important;
    color: #fff;
    background: #363b4d;
    border: 0px solid;
    font-size: 13px !important;
}