.OverlayOuter {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 9990;
        background: rgba(0,0,0,0.5);
        border: none;
      }
      .OverlayInner {
        position: fixed;
        top: 30px;
        width: 100%;
        height: auto;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        z-index: 9999;
        background: transparent;
        border: none;
        text-align: center;
      }
      .OverlayContent {
        position: relative;
        top: 0px;
        width: 600px;
        height: auto;
        margin: 0px auto 0px auto;
        padding: 10px 30px 20px 30px;
        background: #ffffff;
        border-radius: 6px;
        font-family: 'Poppins', sans-serif;
        color: #000000;
        text-align: left;
      }
      .OverlayMsg {
        color: #FF4136;
      }
      .myFloatRight {
        float: right;
      }
      .divBottomButton {
        margin: 0px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
      }
      .buttonSaveMsg {
        font-size: 18px;
        color: #f7941e;
      }
      .TableInsideOverlay {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #efefef;
        font-size: 14px;
        color: #000000;
      }
      .TableInsideOverlay td {
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        vertical-align: top;
      }
      .TableMarginLeft {
        margin-left: 30px;
      }
      .OverlayReferButton {
        margin: 0px 0px 0px 0px;
        padding: 20px 20px 20px 20px;
        font-size: 30px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        background: #f7941e;
        border: 1px solid #000000;
        border-radius: 4px;
        color: #ffffff;
        text-shadow: 2px 2px #4d4d4d;
      }
      .OverlayReferButton:focus, .OverlayReferButton:hover {
        text-shadow: none;
      }
      .OverlayReferButton:hover {
        color: #000000;
      }
   
      #sortable {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 100%;
      }
      #sortable li {
        margin: 0 5px 5px 5px;
        padding: 10px;
        font-size: 1.2em;
        height: 1.5em;
      }
      html>body #sortable li {
        height: 2.5em;
        line-height: 2.2em;
      }
      .ui-state-highlight {
        height: 1.5em;
        line-height: 1.2em;
      }
    
      .tableAvailable th {
        padding: 10px;
        text-align: left;
      }
      .tableAvailable td {
        padding: 10px;
        text-align: left;
      }
   
      /* override the bootstrap styles */
      /* .nav-tabs {
        border-color: #f7941e;
        outline: 0;
      }
      .nav-tabs li a {
        color: #ffffff; font-family: 'Poppins', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; font-size: 10px; text-transform: uppercase;
        outline: 0;
      }
      .nav-tabs li a:hover {
        color: #595757; font-family: 'Poppins', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; font-size: 10px; text-transform: uppercase;
        outline: 0;
      }
      .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background-color: transparent; border-color: #f7941e; border-bottom-color: #595757; color: #f7941e; font-family: 'Poppins', Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 400; font-size: 10px; text-transform: uppercase;
        outline: 0;
      } */

      .divTemp_00 {
        margin: 10px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        background: #ffcccc;
        position:relative;
        z-index:10000;
      }
      .divTemp_01 {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        background: #f7941e;
        border-bottom: 1px solid #000000;
        color: #ffffff;

        background: #e14eca;
        background-color: rgb(225, 78, 202);
        background-position-x: 0%;
        background-position-y: 0%;
        background-image: none;
        background-size: auto;
        background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-size: 210% 210%;
        background-position: top right;
        background-color: #e14eca;
        transition: all 0.15s ease;
        box-shadow: none;
        color: #ffffff;
        position:relative;
        z-index:10000;
      }
      .divTemp_01:hover {
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 10px 0px 10px 0px;
        background: #d9a15e;
        border-bottom: 1px solid #000000;
        color: #000000;

        background: #e14eca;
        background-color: rgb(225, 78, 202);
        background-position-x: 0%;
        background-position-y: 0%;
        background-image: none;
        background-size: auto;
        background-image: -webkit-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: -o-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: -moz-linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-image: linear-gradient(to bottom left, #e14eca, #ba54f5, #e14eca);
        background-size: 300% 300%;
        background-position: top right;
        background-color: #e14eca;
        transition: all 0.15s ease;
        box-shadow: none;
        position:relative;
        z-index:10000;

      }

      .overflow-hid {
        overflow: hidden;
      }
      .overflow-vis {
        overflow: visible!important;
        z-index:1001;
      }
 
      .SpecialSelect {
        float: left;
        padding: 5px 5px 5px 5px;
        font-family:'FontAwesome', Arial;
        color: #000000;
      }
		  .iconButtons {
		    background: none; 
		    border: none; 
		    margin: 0px 0px 0px 0px; 
		    padding: 0px 0px 0px 0px; 
		    color: #F7941E;
		  }
		  .iconButtons:hover {
		    background: none; 
		    border: none; 
		    margin: 0px 0px 0px 0px; 
		    padding: 0px 0px 0px 0px; 
		    color: #b36b16;
		  }
		  .fontSizeSmall {
		  	font-size: .8em;
		  }

      .buttonAsTab {
    		position: relative;
    		margin: 0px 2px 0px 0px;
    		padding: 10px 15px 10px 15px;
        background-color: transparent;
        border-top: 1px solid transparent; 
        border-right: 1px solid transparent; 
        border-bottom: 1px solid transparent; 
        border-left: 1px solid transparent; 
        border-radius: 4px 4px 0 0;
       
        font-weight: 400; 
        font-size: 10px;
        color: #595757; 
        text-transform: uppercase;
        outline: 0;
        line-height: 1.42857143;
    	}
    	.buttonAsTab:hover {
    		position: relative;
    		margin: 0px 2px 0px 0px;
    		padding: 10px 15px 10px 15px;
        background-color: #eeeeee;
        border-top: 1px solid #eeeeee; 
        border-right: 1px solid #eeeeee; 
        border-bottom: 1px solid #f7941e; 
        border-left: 1px solid #eeeeee; 
        border-radius: 4px 4px 0 0;
       
        font-weight: 400; 
        font-size: 10px;
        color: #595757; 
        text-transform: uppercase;
        outline: 0;
        line-height: 1.42857143;
    	}
    	.buttonAsTabActive {
    		position: relative;
    		margin: 0px 2px 0px 0px;
    		padding: 10px 15px 10px 15px;
        background-color: transparent;
        border-top: 1px solid #f7941e; 
        border-right: 1px solid #f7941e; 
        border-bottom: 1px solid #f7941e; 
        border-left: 1px solid #f7941e; 
        border-radius: 4px 4px 0 0;
      
        font-weight: 400; 
        font-size: 10px;
        color: #000000; 
        text-transform: uppercase;
        outline: 0;
        line-height: 1.42857143;
    	}
    .charges-table {
      font-size:2em;
    }

    @media(max-width:1200px){
      .charges-table {
        font-size:1em;
      }
    }