﻿

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%)!important;
    font-weight: normal;
    color: #000!important;
    font-weight:500!important;
    font-size: 14px;
}


        .ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix {
    display: none!important;
}
        .btn {
            margin-bottom: 0px!important;
        }
            table.display thead th {
   
     border-bottom: 1px solid #dee2e6!important; 
  
}
        .dropdown-toggle::after {
   
    margin-top: 10px!important;
    float: right!important;
    margin-right: 17px!important;
 
}
        button.multiselect.dropdown-toggle.btn.btn-default{
            background: -webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%)!important;
        }

      
          table.dataTable {
            border-collapse: collapse !important;
            text-align: center !important;
            margin: -1px !important;
        }



            @media only screen and (max-width: 480px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable {
        width: auto!important;
        left:0px!important;
        height:auto!important;
    }
    div#dialog {
        height: auto!important;
    }
    .blink-soft{
        font-size:15px!important
    }
}
    @media only screen and (min-width: 481px) and (max-width:600px) {
        .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable {
            width: auto !important;
            left: 20px !important;
            height: auto !important;
        }

        div#dialog {
            height: auto!important;
        }
          .blink-soft{
        font-size:15px!important
    }
    }
    @media only screen and (min-width:601px) and (max-width:768px) {
        .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable {
            width: 600px !important;
            left: 120px !important;
            height: auto !important;
        }

        div#dialog {
            height: auto !important;
        }
    }
             @media only screen and (min-width:769px)and (max-width:1192px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable {
       
        left: 268.5px!important;
     
    }
   
}
             @media only screen and (min-width:1193px)and (max-width:1440px) {
  .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-resizable {
     
        left: 496.5px!important;
     
    }
 
}
    
        li.ui-tabs-tab.ui-corner-top.ui-state-default.ui-tab.ui-tabs-active.ui-state-active a {
    background-color: #438eb9;
    color: #fff;
}
         .slds-truncate {
    max-width: 200px!important;
    overflow: hidden!important;
    text-overflow: ellipsis!important;
    white-space: nowrap!important;
}
            table.dataTable td,table.dataTable th {
text-align:center!important;
vertical-align:middle!important;
   
}

          .btn-tbl-edit {
            background-color: #888;
            border-radius: 50% !important;
            /*padding: 5px !important;*/
            color: #fff;
            box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2);
        }

        .btn.btn-xs {
            font-size: 12px;
        }

        .circle {
            border-radius: 25px !important;
        }

        .blue-bgcolor {
            background-color: #2196F3;
        }

        .notification-icon {
            width: 31px;
            height: 31px;
            text-align: center;
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            color: #fff;
            line-height: 1.2;
            padding: 7px 0;
            margin-right: 5px;
            /*float: right;*/
        }