h4 {
            font-weight: bold;
            font-size: 15px;
        }

        .navbar {
            background: #00afef;
        }

        .navbar-default .navbar-nav > li > a {
            color: #fff;
        }

            .navbar-default .navbar-nav > li > a:hover {
                color: #fff;
            }

            .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
                color: #fff;
            }

        .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
            background: #fff;
        }

        .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
            background: #fff;
        }

        #navbar {
            float: right;
        }

        /*Search box*/


        #custom-search-input {
            margin: 0;
            margin-top:29px;
            padding: 0;
        }

            #custom-search-input .search-query {
                padding-right: 3px;
                padding-right: 4px;
                padding-left: 14px;
                padding-left: 4px;
                /* IE7-8 doesn't have border-radius, so don't indent the padding */
                margin-bottom: 0;
                border-radius: 0px; text-align:left!important; font-size:25px!important;
            }

            #custom-search-input button {
                background: #365f91 none repeat scroll 0 0;
                border: 0 none;
                border-radius: 0;
                color: #fff;
                margin-bottom: 0;
                margin-top: 0;
                padding: 13px 50px;
                position: relative;
                z-index: 100;
            }
                #custom-search-input button .fa-search
                {
                    font-size:22px;
                }

            #custom-search-input .btn:hover, .btn:focus {
            color: #fff!important;
            background: #365f91!important;
        }


        .search-query:focus + button {
            z-index: 3;
        }

        .search-query {
            height: 50px!important;
        }

        .box .pull-left {
            float: right !important;
            margin-top: 10px;
            display: none;
        }

        .box h3 {
            float: left;
        }

        .box .control-label {
            float: left!important;
        }

        .box .search-form {
            display: block;
        }

        .box #bootstrap-table {
            border: 1px solid #ddd;
            float: left;
        }

        .form-horizontal .control-label {
            margin-right: 10px;
        }

        .alert {
            width: 150px;
            float: left;
            text-align: center;
            margin: 0 10px;
        }

        .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
            background: #00afef;
            border-color: #00afef;
        }
.pagination ul li
{
    padding:5px!Important; 
}

        .top-brdr {
            width: 100%;
            border-bottom: 2px solid #ddd;
            padding: 20px 0px;
            margin-bottom: 20px;
        }

        .scnd-tble {
            width: 100%;
            float: left;
            margin-top: 50px;
        }


            .scnd-tble #bootstrap-table {
                border: 1px solid #ddd;
            }

        .comp-table {
            width: 100%;
            float: left;
            margin-top: 30px;
        }

        .txt-area {
            height: 130px;
            border: 1px solid #ddd;
        }

        .no-padding {
            padding: 0px !important;
        }

        .add {
            color: #00afef;
        }

            .add a:hover {
                text-decoration: none;
            }

        .chat {
            bottom: 0;
            float: right;
            position: fixed;
            right: 0;
            width: auto;
        }

        .pad-50 {
            padding-top: 50px;
        }


        #bootstrap-table-1 {
            border: 1px solid #ddd;
        }

        #bootstrap-table-2 {
            border: 1px solid #ddd;
        }

        #bootstrap-table-3 {
            border: 1px solid #ddd;
        }

        #bootstrap-table-4 {
            border: 1px solid #ddd;
        }


        .scnd-tble .search-form {
            display: block;
        }

        .scnd-tble .pull-left {
            display: none;
        }



        .table-1 .search-form {
            display: block;
        }

        .table-1 h4 {
            float: left;
            line-height: 33px;
        }

        .table-1 .search-form {
            margin-right: 0px;
        }

        .table-2 .search-form {
            display: block;
        }

        .table-2 h4 {
            float: left;
            line-height: 33px;
        }

        .table-2 .search-form {
            margin-right: 0px;
        }

        .table-3 .search-form {
            display: block;
        }

        .table-3 h4 {
            float: left;
            line-height: 33px;
        }

        .table-3 .search-form {
            margin-right: 0px;
        }

        .table-4 .search-form {
            display: block;
        }

        .table-4 h4 {
            float: left;
            line-height: 33px;
        }

        .table-4 .search-form {
            margin-right: 0px;
        }

        /*.modal.in .modal-dialog {
            z-index: 500;
        }

        .modal-backdrop.in {
            z-index: 100;
        }*/

      .divprocessing  .modal-lg {
            width: 900px;
        }        

        .modal-lg {
            width: 600px;
        }
        .table .btn {
            padding: 0px;
            border: none;
        }

        .test-dat .modal-body h3 {
            float: left;
        }

        .test-dat .modal-title {
            padding-bottom: 14px;
        }

        .test-dat textarea {
            height: 80px;
        }

        .test-dat .date {
            float: left;
           
            width: 52%;margin-right:0;
        }


.ttttt
{
    width:55%!important;
}

    .ttttt input
    {
            width: 100%;
    padding-left: 10px;
    margin-bottom: 22px;
    }


        .test-dat .time {
            float: left;
            width: 48%;
            margin-left:2%
        }

        .test-dat .modal-footer {
            border: none;
        }

        .ui-datepicker {
            z-index: 10000!important;
        }

        .modal-header {
            border-bottom: none;
            padding: 15px 15px 0;
        }

        .modal-content {
            border-radius: 0;
        }

        .modal-body {
            padding: 0 15px;
        }

        .btn {
            border: 1px solid #f0f0f0;
        }



        /*Time Picker*/


        .ui-timepicker-wrapper {
            overflow-y: auto;
            height: 150px;
            width: 6.5em;
            background: #fff;
            border: 1px solid #ddd;
            -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
            -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
            box-shadow: 0 5px 10px rgba(0,0,0,0.2);
            outline: none;
            z-index: 10001;
            margin: 0;
        }

            .ui-timepicker-wrapper.ui-timepicker-with-duration {
                width: 13em;
            }

                .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-30,
                .ui-timepicker-wrapper.ui-timepicker-with-duration.ui-timepicker-step-60 {
                    width: 11em;
                }

        .ui-timepicker-list {
            margin: 0;
            padding: 0;
            list-style: none;
        }

        .ui-timepicker-duration {
            margin-left: 5px;
            color: #888;
        }

        .ui-timepicker-list:hover .ui-timepicker-duration {
            color: #888;
        }

        .ui-timepicker-list li {
            padding: 3px 0 3px 5px;
            cursor: pointer;
            white-space: nowrap;
            color: #000;
            list-style: none;
            margin: 0;
        }

        .ui-timepicker-list:hover .ui-timepicker-selected {
            background: #fff;
            color: #000;
        }

        li.ui-timepicker-selected,
        .ui-timepicker-list li:hover,
        .ui-timepicker-list .ui-timepicker-selected:hover {
            background: #1980EC;
            color: #fff;
        }

            li.ui-timepicker-selected .ui-timepicker-duration,
            .ui-timepicker-list li:hover .ui-timepicker-duration {
                color: #ccc;
            }

        .ui-timepicker-list li.ui-timepicker-disabled,
        .ui-timepicker-list li.ui-timepicker-disabled:hover,
        .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
            color: #888;
            cursor: default;
        }

            .ui-timepicker-list li.ui-timepicker-disabled:hover,
            .ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled {
                background: #f2f2f2;
            }

        .box {
            background: none;
            border-radius: 3px;
            border-top: 3px solid #d2d6de;
            box-shadow: none;
            margin-bottom: 0px;
            position: relative;
            width: 100%;
            border-top: 0px;
        }

        .label-warning {
            background: #cd3333;
        }

        .label-comp {
            background: #365f91;
        }

        .alert-link {
            background: #843534;
        }

        .dropdown-toggle {
            padding-right: 15px;
            float: right;
        }

            .dropdown-toggle:hover {
                text-decoration: none;
            }

            .dropdown-toggle .fa {
                font-size: 20px;
            }

        .label {
            font-size: 60%;
        }

        .btn-default {
            background: none;
            box-shadow: none;
        }

            .btn-default:hover, .btn-default:focus {
                background: none;
            }

        .btn:hover, .btn:focus {
            color: #000;
            background: none;
        }

        .add .btn {
            border-radius: 0px;
            padding: 0px;
            color: #fff;
            margin: 0px;
            border: none;
            font-size: 15px;
            padding-left: 10px; margin-top:7px;
        }

.dash-brd
{
    width:100%; float:left;
}

    .dash-brd .mrg-10
    {
        margin-top:10px;
    }

.tile, .tile-dark, .table th
{
    background:#365f91 ; color:#fff; 
}

.ico-act
{
    padding:0 5px!Important
}
    .ico-act:hover
    {
        color:#365f91!important
    }


.table-main th
{
    padding:8px!important
}





/*tab*/
.pan-tb-tab
{
    width:80%; float:left;
}

.panel.with-nav-tabs .panel-heading{
    padding: 5px 5px 0 5px;
}
.panel.with-nav-tabs .nav-tabs{
	border-bottom: none;
}
.panel.with-nav-tabs .nav-justified{
	margin-bottom: -1px;
}

/********************************************************************/
/*** PANEL PRIMARY ***/

.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff!important;
	background-color: #3071a9!important;
	border-color: transparent!important;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca!important;
	background-color: #fff!important;
	border-color: #428bca;
	border-bottom-color: transparent; border-radius:0px!important
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}

.pan-tb-tab .panel-primary > .panel-heading {
    background-color: #365f91!important;
    border-color: #365f91!important;
    color: #fff;
}
.pan-tb-tab .panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px; border-radius:0px;
}

.pan-tb-tab .nav-tabs
{
    background:none;
}
.nav-tabs > li > a
{
    background:#365f91!important
}

.pan-tb-tab .panel
{
    border-radius:0px; box-shadow:1px 1px 7px #aaa; min-height:78px;
}









.mainbox {
    background: #fff none repeat scroll 0 0;
    border-radius: 0;
    box-shadow: 1px 1px 10px #aaa;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 10px 0 0;
	float:left;
	width:100%;
	
	
}

.actionbox
{
    /*background:#fff; border-top:1px solid #eee; float:left; width:100%;box-shadow: 3px 3px 10px #aaa;border-radius: 0 0 10px 10px; padding:10px 0*/
}
.actionbox1
{
    background:#fefefe; border:1px solid #eee; float:left; width:100%; padding:10px 0; margin-bottom:11px;
}
    .actionbox >.col-md-2 .fa
    {
        padding:5px 10px;
    }
.ticket-id {
    font-size: 13px;
    margin-top: 4px;
}
.ticket-id {
    padding-top: 5px;
    text-align: center; font-weight:bold;
}

.status-new {
    background: #ff9900 none repeat scroll 0 0;
}
.status-all {
    background: #888 none repeat scroll 0 0;
}
.status-closed {
    background: #000 none repeat scroll 0 0;
}

.status-open {
    background: #999933 none repeat scroll 0 0;
}

.status {
 
    color: #fff;
    font-size: 12px;
    text-align: center;
    text-transform: uppercase; margin-top:7px;
     padding:5px 0;width:100%;
}
.ticket {
    padding: 5px 5px 0; color:#aaa;
}

.ticket h3, .ticket h3 a {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
    text-decoration: none;
}

.no-of-replies {
    color: #365f91;
    font-size: 12px;
    font-weight: normal;
}

/*.last-updated {
   color: #aaa;
    margin: 6px 0;
    padding-top: 1px;
    text-transform: lowercase;
}*/

.last-updated .time {
    color: #444;
    font-size: 12px;
}


.pop-p-box {
      background: #fff none repeat scroll 0 0;
    float: left;
    margin: 10px 10px 10px 9%;
    min-height: 0;
    width: 88%;
}

.m-r-g-t-p-3
{
    margin-top:1%;
}


.v-i-w-more
{
color: #365f91;
    cursor: pointer;margin-right: 6px;
    font-size: 18px;
}

.v-i-w-more:hover
{
    text-decoration:none;color: #cd3333;
}
.reg-com-p
{
    background:#365f91; color:#fff; width:100%; border:none; border-radius:0px;font-size:15px; padding:4px 0
}

  .divviewcomp .modal-lg {
            width: 1200px   ;
        }
   

.dash-b-r-d .tile, .tile-dark, .table th, table th
{
     background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    color: #fff ;
    font-size: 15px!important;
}

    .dash-b-r-d .dataTables_wrapper th
    {
         background:#eee!important; color:#000!important; font-size:15px;
    }
    .dash-b-r-d .box
    {
      border:1px solid #ddd;
    }

.widget-head
{
    float:left; background:#365f91; width:100%;
}
.widget-head a
{
   float: right;
    margin-right: 11px;
}
    .widget-head a:hover
    {
        text-decoration:none;
    }
    .widget-head .collapse
    {
        display:none!Important;
    }

.widget-head label
{
      color: #fff;
    font-size: 14px;
    font-weight: normal;
    padding-left: 19px;
}

    .widget-head .edit
    {
        display:none!important
    }
.dash-b-r-d ul
{
    /*margin-top:20px;*/
}
.rec-n-o-t-e
{
margin-top:30px;
}
    .rec-n-o-t-e li
    {
             padding:7px 14px ; 
     margin: 0; 
    line-height: 1;
    list-style: none;    border-bottom: 1px dotted #eee;
    }
.pagination > li
{
    padding:0px;
}

.badge-nn-n
{
    height: 20px;
    padding: 5px !important;
    width: 20px;
    border:1px #cd3333 solid !important;
    color:#cd3333!important;
    background:none!important; line-height:8px !important
}

.txt-a-r-e-a
{
    height:109px !important;
}
.n-o-te .but-s-a-ve
{
    background:#365f91; color:#fff; width:120px; border:none; padding:3px 0; margin-top:0px!important;margin-left: 5px; float:none!Important;
}

.n-o-te .but-can-cel
{
    background:#dfdfdf ; color:#000; width:120px; border:none; padding:3px 0; margin-top:0px!important;float:none!Important;    
}



.alert-m-dl .but-s-a-ve
{
    background:#365f91; color:#fff; width:120px; border:none; padding:3px 0; margin-top:0px!important
}


.alert-m-dl .but-s-a-ve
{
    background:#365f91; color:#fff; width:120px; border:none; padding:3px 0; margin-top:0px!important
}

.dt-lbls
{
    padding-top:0px;
}


#columns #column3 .widget
{
    margin: 30px 0px 0 0px;
}

#columns #column1 .widget
{
margin: 30px 0px 0 0px!important;
}

#columns .widget
{
 margin: 30px 0px 0 0px!important; 
}


.dataTables_filter label
{
      color: #999!important;
    font-weight: normal; margin-top:6px;
}

.dataTables_wrapper .dataTables_paginate ul li
{
    list-style:none;
}
.pagination ul
{
    margin-top:0px!important;
}

.pagination > .rec-n-o-t-e li
{
    border-bottom:none!important;
}
.divRecentNotes
{
    border:none!Important;
}
.widget-content .panel-footer
{
    padding:0px;
}

.widget-content .panel-default
{
    border:none!Important;
}

.widget-content .demo1
{
    padding:0px!important; height:197px!Important;
}

.widget-content .demo2
{
    padding:0px!important; height:272px!Important;
}

.widget-content .panel
{
    box-shadow:none!important; margin-bottom:0px !important
}
.widget-content .panel-footer
{
     background-color: #fff !important;
    border-radius: 0;
    border-top: medium none;
    float: right;
    position: relative;
    width: 23%;
}

.widget-content .panel-body
{
    padding:0px!important;
}


.widget-content .divRecentAlerts
{
    border:none!important
}
.arr-r-t
{    color: #365f91;
    float: left;
    font-size: 10px;
    line-height: 14px;
    margin-right: 10px;
}

.bg-grey-bg p
{
    margin-bottom:0px!important; color:#000; margin-top:0px; font-size:13px;
}
.bg-grey-bg h5
{
    font-size:16px;

}

.add-cm-nd{
    background: #365f91 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 15px;
    padding: 6px 0;
    width: 100%;
}

.add-can-el{
    background: #dfdfdf  none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #222;
    font-size: 15px;
    padding: 6px 0;
    width: 100%;
}

.add-cm-nd-2
{
 background: #fff none repeat scroll 0 0;
    border: 1px solid #365f91;
    border-radius: 0;
    color: #365f91;
    font-size: 15px;
    padding: 6px 0;
    width: 100%;
}

.dataTables_wrapper
{
    background:#fff; padding:10px;
}
.pad-rt
{
    padding-right:0px!important;
}
.tab-hd-pad .pagination
{
    margin:0px!important;
}

.width-per .wid-1
{
    width:15%!important;
}

.width-per .wid-2
{
    width:28%!important;
}

.width-per .wid-3
{
    width:57%!important;
}
.width-per .wid-4
{
    width:6%!important;
}
.width-per .wid-5
{
    width:7%!important;
}
.width-per .wid-6
{
    width:12%!important;
}
.width-per .wid-7
{
    width:14%!important;
}
.width-per .wid-8
{
    width:14%!important;
}
.width-per .wid-9
{
    width:14%!important;
}

.width-per .wid-10
{
    width:9%!important;
}
.width-per .wid-11
{
    width:14%!important;
}
.width-per .wid-12
{
    width:10%!important;
}





.width-per .wid-13
{
    width:5%!important;
}

.width-per .wid-14
{
    width:10%!important;
}

.width-per .wid-15
{
    width:7%!important;
}

.width-per .wid-16
{
    width:10%!important;
}

.width-per .wid-17
{
    width:10%!important;
}

.width-per .wid-18
{
    width:9%!important;
}

.width-per .wid-19
{
    width:6%!important;
}

.width-per .wid-20
{
    width:7%!important;
}

.width-per .wid-21
{
    width:7%!important;
}

.width-per .wid-22
{
    width:10%!important;
}

.width-per .wid-23
{
    width:8%!important;
}

.width-per .wid-24
{
    width:11%!important;
}




.width-per .wid-width-1
{
    width:10%!important;
}
.width-per .wid-width-2
{
    width:20%!important;
}

.width-per .wid-width-3
{
width:30%!important;
}
.width-per .wid-width-4
{
    width:40%!important;
}





.toast-item
{    background:#fefe48;
    color: #000000!important;
    border: 1px solid #efcfd6!important;
    width: 100%;
    font-family: 'Droid Sans', sans-serif!important; opacity:1!important;
}
.toast-position-top-right
{
    width:23%!important;
}
.toast-item
{
    float:left;
}
.toast-item p
{
    margin-left:0px!important; float:left; font-size:12px;   width:100%!important;  clear:both;
   
}
    .toast-item .ex
    {
        float:left;
    }

.s-p-toast
{
    float:right!important;
}
.ticket-subject
{
    font-size:16px; margin-top:10px!important
}

.toast-item td
{
    width:50%!important;
}

.t-o-a-s-t
{
    width:100%; float:left; padding-left:20px; margin-bottom:8px;
}
.toast-item-close {
    background:url(../images/Close-nw.png)!Important;
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;    cursor: pointer;
}

.six-00 .modal-lg
{
    width:1200px;
}

.view-comp-scrol
{
     height: auto;
    overflow: scroll;
    max-height:610px;
    overflow-x: auto;
}
.m-o-b
{
     padding-top: 5px;
    width: 100%;
}

.m-o-b .fa
{
    font-size:13px; color:#365f91;padding-right:10px;
}
.c-e-n-t-r
{
    text-align:center!important; font-size: 11px;
}
.m-o-b-line .fa
{
     color: #365f91;
    margin-left: 6px;
}

.panel-primary
{
    border-color: #365f91!important
}
 
.dataTables_wrapper input
{
    margin-left:10px;
}

.b-r-d-r
{
  
    margin-top: 12px;
    min-height: 74px;
    border-left: 1px solid #eee;margin-right: 10px;margin-left: 9px;
    float: left;
}
.six-00-brdr .modal-header {
    border-bottom:1px solid #eee !important;
    padding: 15px 15px ;
}

.six-00-brdr .divnotes
{
    border:none!important; padding: 10px 0 !important;
}
.six-00-brdr .divcomplaints
{
    border:none!important; padding:10px 0!important
}

.h-e-a-d
{
    font-size:18px!important; color:#365f91;
}




    .news-item:nth-of-type(2n+1) {
    background-color: #ddebf9;
}


.no-tee-cmnts .modal-sm1
{
    width:1200px!Important;
}

.six-00 .clsd-btn
{
      background: #dfdfdf none repeat scroll 0 0;
    border: medium none!important;
    color: #000;
    float: none !important;
    margin-top: 0 !important;
    width: 100px;
}

.six-00 .adds-btn
{
     background: #365f91 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    float: none !important;
    margin-left: 5px;
    margin-top: 0 !important;
       width: 100px;
}

.six-00 .divtxnnote
{
    margin-top:20px!important;
}

/*agnt-nw-14-12-15*/


h4{ font-weight:bold; font-size:15px;}

.a-g-n-t-main{ width:100%; float:left; margin-top:20px;}
.mrd-t-t-p-20{margin-top:20px;}

.a-g-n-t-main .he-ad h5{ background-color: #365f91!important;
    color: #fff!important;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 16px;
    margin: 0;
    padding: 10px 0 10px 5px;}
	
	.a-g-n-t-main .panel-primary > .panel-heading{ background:#365f91!important}
.a-g-n-t-main .panel-primary > .panel-heading  {padding: 10px 0 0 10px;}
	.a-g-n-t-main .nav-tabs{border:none!important}
	
	.dif-tab td{border:none!important}
	.dif-tab tbody{border-bottom: 1px solid #ddd;}
	
	.with-nav-tabs.panel-primary .nav-tabs > li > a,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
    color: #fff;
}
.with-nav-tabs.panel-primary .nav-tabs > .open > a,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > .open > a:focus,
.with-nav-tabs.panel-primary .nav-tabs > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li > a:focus {
	color: #fff;
	background-color: #3071a9;
	border-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.active > a:focus {
	color: #428bca;
	background-color: #fff;
	border-color: #428bca;
	border-bottom-color: transparent;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu {
    background-color: #428bca;
    border-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a {
    color: #fff;   
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
    background-color: #3071a9;
}
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
.with-nav-tabs.panel-primary .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
    background-color: #4a9fe9;
}


.a-g-n-t-main .nav-tabs > li > a
{
    margin:0px!Important;
}

.a-g-n-t-main .nav-tabs
{
     background:none!important;
}
.a-g-n-t-main .send-dtl-id
{
    margin-right:0px!important
}

.tran-his th
{
    color:#fff!important
}


/*.ui-dialog  img
{
    height: 40px!important;
    margin-right: 10px;
    width: 40px!important;
}*/

.ui-datepicker-calendar th
{
    color:#000!important
}





/* Colors */
.color-yellow {background:#f2bc00;}
.color-red    {background:#dd0000;}
.color-blue   {background:#148ea4;}
.color-white  {background:#dfdfdf;}
.color-orange {background:#f66e00;}
.color-green  {background:#8dc100;}
.color-yellow h3,
.color-white h3,
.color-green h3
	{color:#000;}
.color-red h3,
.color-blue h3,
.color-orange h3
	{color:#FFF;}
/* End Colors */

/* Head section */
#head { 
    background: #000 url(../img/head-bg.png) repeat-x;
    height: 100px;
}
#head h1 {
    line-height: 100px;
    color: #FFF;
    text-align: center;
    background: url(../img/inettuts.png) no-repeat center;
    text-indent: -9999em
}
/* End Head Section */

/* Columns section */
#columns .column {
    float: left;
    /*width: 33.3%;*/
		/* Min-height: */
		min-height: 400px;
		height: auto !important; 
		height: 400px;
}

/* Column dividers (background-images) : */
	#columns #column1 { background: url(../img/column-bg-left.png) no-repeat right top; }
	#columns #column3 { background: url(../img/column-bg-right.png) no-repeat left top; }
	
#columns #column1 .widget { margin: 30px 35px 0 25px; }
#columns #column3 .widget { margin: 30px 25px 0 35px; }
#columns .widget {
    margin: 30px 20px 0 20px;
    padding: 2px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 40px;
    line-height: 40px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #FFF url(../img/widget-content-bg.png) repeat-x;
    padding: 0 5px;
    color: #000;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    line-height: 1.2em;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 20px;
    list-style: disc;
}
#columns .widget .widget-content ul li {/*padding: 3px 0;*/}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%; list-style:none;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

.widget-head a.remove  {
    float: right;
    display: inline;
    background: url(../images/clo.png) no-repeat ;
    width: 15px;
    height: 15px;
    margin: 13px 17px 8px 0;
    text-indent: -9999em;
    outline: none;
}

.widget-head a.edit  {
    float: right;
    display: inline;
    background: url(../img/buttons.gif) no-repeat;
    width: 24px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 4px 8px 4px;
    outline: none;
}

.widget-head a.collapse  {
    float: left;
    display: inline;
    background: url(../img/buttons.gif) no-repeat -52px 0;
    width: 14px;
    height: 14px;
    text-indent: -9999em;
    margin: 8px 0 8px 4px;
    outline: none;
}

.widget-placeholder { border: 2px dashed #999;}
#column1 .widget-placeholder { margin: 30px 35px 0 25px; }
#column2 .widget-placeholder { margin: 30px 20px 0 20px; }
#column3 .widget-placeholder { margin: 30px 25px 0 35px; }

.edit-box {
    overflow: hidden;
    background: #333 url(../img/widget-content-bg.png) repeat-x;
    margin-bottom: 2px;
    padding: 10px 0;
}

.edit-box li.item {
    padding: 10px 0;
    overflow: hidden;
    float: left;
    width: 100%;
    clear: both;
}


.edit-box label {
    float: left;
    width: 30%;
    color: #FFF;
    padding: 0 0 0 10px;
}

.edit-box ul.colors li {
    width: 20px;
    height: 20px;
    border: 1px solid #EEE;
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    cursor: pointer;
}


#compalerts th
{
    background:#EEEEEE!Important; color:#000!important
}



.coomp-reqq
{
   background: #fff ; float:left;
    /*padding: 0 18px 18px 18px;*/
}
.low-dtable
{
    float: left;
    margin-top: 20px;
}
    .coomp-reqq h2
    {
        font-size:14px!important;
    }
.low-dtable-hd
{
  background:#2D1152 none repeat scroll 0 0 !important;
    color: #fff !important;
    float: left;
    height: 40px;
    padding-right: 20px;
    padding-top: 5px;
    width: 100%;
}

    .low-dtable-hd h2
    {
         color: #fff !important;
    line-height: 33px;
    padding: 0 0 0 15px !important;
    }
.low-dtable-hd1
{
  background:#00A6F9 none repeat scroll 0 0 !important;
    color: #fff !important;
    float: left;
    height: 40px;
    padding-right: 20px;
    padding-top: 5px;
    width: 100%;
}

    .low-dtable-hd1 h2
    {
         color: #fff !important;
    line-height: 33px;
    padding: 0 0 0 15px !important;
    }

.divcompalerts
{
    float: left;
    padding: 0 20px; width:100%;
}


.top-5-col {
    margin-top:10px!important
}
.top-5-col .bg-red-c { background-color:#cd3333!important}
.top-5-col .bg-green { background-color:#00E09D!important}
.top-5-col .bg-pink { background-color:#F75D81!important}
.top-5-col .bg-blue { background-color:#42A5F6!important}
.top-5-col .bg-ylet { background-color:#7266BA!important}

    .top-5-col .col-md-2 {
    
     width:20%!important}

    .top-5-col .info-box {
     box-shadow: 0 0 5px rgba(39, 38, 53, 0.1)!important;    border: 1px solid #ddd!important; padding:20px 20px 12px 20px;
    }

.top-5-col  i {
    font-size: 16px;
    line-height: 15px!important;
    float: left;
    text-align: center;
    position: absolute;
    top: 36%;
    left: 35%;
}

    .top-5-col .info-box-icon {
        height: 50px;
    width: 50px;
    border-radius: 50%;
    position: relative;
    top: 0;
    float: left;
    
    }


 .top-5-col .info-box-content {
 margin-left:50px!important
}

 .top-5-col .info-box-text {
         font-size: 12px; color:#9a9a9a
}
.info-box a:hover {
 color:#000!important; text-decoration:none
}