/* IconBadge */
a .iconbadge:hover
{
    border-color:#1ab394;      
    cursor: pointer;
}

a .iconbadge
{
    color: #1ab394;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);        
    border-color:#cacece;
    border-width:2px;
}

.iconbadge
{
    border-radius: 50%;
    border-style:solid; 
    border-color:#e3e3e3; 
    border-width:1px;
    padding:10px 10px;
    background-color:white;
}

/* BADGE */
.badge--large
{
    border-radius:50%; 
    border-style:solid; 
    border-color:#e3e3e3; 
    border-width:1px;     
    background-color:white;
}

/* CAOUSEL */
.screenshots .carousel-indicators li
{
    border: 1px solid #555;
    margin-left: 2px;
    margin-right: 2px;
}

.screenshots .carousel .carousel-inner .img-thumbnail
{
    margin: 0 auto; 
    height: 225px;     
}

.screenshots .carousel-control
{
    background-image: none;
}

.screenshots .carousel-control span
{
    color: #555;
}

.screenshots .carousel-indicators .active
{
    border: 1px solid #555;
    background-color: #555;    
    margin-left: 2px;
    margin-right: 2px;
}

.screenshots .carousel-indicators
{
    bottom: -35px;
}

.badge--todo
{
    padding: 9.4px 8.80px 10.60px 9.36px; 
}

.badge--callback
{
    padding: 10px 10.93px;
}

.badge--checkcall
{
    padding: 10px 12.79px;
}

.badge--col
{
    min-width: 50px; 
    max-width: 90px;
}

/* Stream */
.stream{
    display: flex;
}

/* Circle Checkbox */

.circlecheckbox:hover{
    border-color:#1ab394;    
}

.circlecheckbox {
    -webkit-appearance: none;
    background-color: white;
    border-width:2px;
    border-radius: 50%;
    border-color:#cacece;
    display:inline-block;
    position:relative;
    padding: 7px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);        
}

.circlecheckbox:active, .circlecheckbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.1); 
}

.circlecheckbox:checked {
    background-color:#1ab394;
    border: 2px solid #1ab394;
    box-shadow: inset 0 0 0 2px #1ab394;
}

.circlecheckbox:focus
{
    outline-width: 0;
}

.circlecheckbox:after {
    content: '\2714';
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -1px;
    left: 2px;
    color: white;
}

.circlecheckboxprovisional:hover{
    border-color:#1ab394;    
}

.circlecheckboxcancelled {
    -webkit-appearance: none;
    background-color: white;
    border-width:2px;
    border-radius: 50%;
    border-color:#cacece;
    display:inline-block;
    position:relative;
    padding: 7px;
    width:12px;
    height: 12px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);        
}

.circlecheckboxcancelled:checked {
    background-color:#B32C1A;
    border: 2px solid #B32C1A;
    box-shadow: inset 0 0 0 2px #B32C1A;
}

.circlecheckboxcancelled:after {
    content: '\2716';
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -1px;
    left: 2px;
    color: white;
}

.circlecheckboxprovisional {
    -webkit-appearance: none;
    background-color: white;
    border-width:2px;
    border-radius: 50%;
    border-color:#cacece;
    display:inline-block;
    position:relative;
    padding: 7px;
    width:12px;
    height: 12px;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);        
}

.circlecheckboxprovisional:active, .circlecheckbox:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.1); 
}

.circlecheckboxprovisional:checked {
    background-color:rgb(26,179,148, 0.4);
}

.circlecheckboxprovisional:focus
{
    outline-width: 0;
}

.circlecheckboxprovisional:after {
    content: '\2714';
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    top: -1px;
    left: 2px;
    color: white;
}

/*white-space*/
.whitespace-normal
{
    white-space:normal;
}

.whitespace-nowrap
{
    white-space: nowrap;
}

/* Cursor */
.pointer
{
    cursor: pointer;
}

/* max-width */
.max-width-2-em
{
    max-width: 2em;
}

.max-width-3-em
{
    max-width: 3em;
}

.max-width-4-em
{
    max-width: 4em;
}

.max-width-5-em
{
    max-width: 5em;
}

.max-width-100
{
    max-width: 100px;
}

.max-width-125
{
    max-width: 125px;
}

.max-width-130
{
    max-width: 130px;
}

.max-width-140
{
    max-width: 140px;
}

.max-width-150
{
    max-width: 150px;
}

.max-width-200
{
    max-width: 200px;
}

.max-width-300
{
    max-width: 300px;
}

.max-width-400
{
    max-width: 400px;
}

.max-width-500
{
    max-width: 500px;
}


/* min-weidth */
.min-width-5-em
{
    min-width: 5em;
}

.min-width-100
{
    min-width: 100px;
}

.min-width-200
{
    min-width: 200px;
}

.min-width-250
{
    min-width: 250px;
}

.min-width-900
{
    min-width: 900px;
}

/* Height */
.height-min
{
    height: min-content;
}

.height-15
{
    height: 15px;
}

.height-20
{
    height: 20px;
}

.height-22
{
    height: 22px;
}

.height-25
{
    height: 25px;
}

.height-31
{
    height: 31px;
}

.height-36
{
    height: 36px;
}

.height-37
{
    height: 37px;
}

.height-38
{
    height: 38px;
}

.height-40
{
    height: 40px;
}

.height-45
{
    height: 45px;
}

.height-50
{
    height: 50px;
}

.height-100-percent { height: 100%; }
.height-225 { height: 225px; }
.height-252 { height: 252px; }
.height-282 { height: 282px; }
.height-260 { height: 260px; }
.height-300 { height: 300px; }
.height-310 { height: 310px; }
.height-330 { height: 330px; }
.height-350 { height: 350px; }
.height-360 { height: 360px; }
.height-400 { height: 400px; }
.height-450 { height: 450px; }
.height-500 { height: 500px; }
.height-550 { height: 550px; }
.height-600 { height: 600px; }
.height-650 { height: 650px; }
.height-700 { height: 700px; }
.height-750 { height: 750px; }
.height-800 { height: 800px; }
.height-1000 { height: 1000px; }

/* Width */

.width-fit
{
    width: fit-content;
}

.width-15
{
    width: 15px;
}

.width-22
{
    width: 22px;
}


.width-30
{
    width: 30px;
}

.width-40
{
    width: 40px;
}

.width-75
{
    width: 75px;
}

.width-100
{
    width: 100px;
}

.width-125
{
    width: 125px;
}

.width-130
{
    width: 130px;
}

.width-140
{
    width: 140px;
}

.width-150
{
    width: 150px;
}

.width-200
{
    width: 200px;
}

.width-205
{
    width: 205px;
}

.width-250
{
    width: 250px;
}

.width-275
{
    width: 275px;
}

.width-300
{
    width: 300px;
}

.width-350
{
    width: 350px;
}

.width-375
{
    width: 375px;
}

.width-400
{
    width: 400px;
}

.width-425
{
    width: 425px;
}

.width-8-em
{
    min-width: 8em;
}

.width-eighth-percent
{
    width: 12.5%;
}

.width-60-percent
{
    width: 60%;
}

.width-90-percent
{
    width:90%;
}

.width-100-percent
{
    width:100%;
}

/* min-width 8*/
.min-width-5-em
{
    min-width: 5em;
}

/* Font-Weight*/
.font-weight-200
{
    font-weight: 200;
}

.font-weight-300
{
    font-weight: 300;
}

.font-weight-400
{
    font-weight: 400;
}

.font-weight-500
{
    font-weight: 500;
}

.font-weight-600
{
    font-weight: 600;
}

.font-weight-700
{
    font-weight: 700;
}

.font-weight-800
{
    font-weight: 800;
}


.font-weight-normal
{
    font-weight: normal;
}

/* List Style*/
.list-style-no-bullet
{
    list-style-type:none;    
}

/* Padding */
.p-l-0 { padding-left: 0px; }
.p-l-2 { padding-left: 2px; }
.p-l-4 { padding-left: 4px; }
.p-l-5 { padding-left: 5px; }
.p-l-6 { padding-left: 6px; }
.p-l-7 { padding-left: 7px; }
.p-l-8 { padding-left: 8px; }
.p-l-9 { padding-left: 9px; }
.p-l-10 { padding-left: 10px; }
.p-l-11 { padding-left: 11px; }
.p-l-12 { padding-left: 12px; }
.p-l-15 { padding-left: 15px; }
.p-l-20 { padding-left: 20px; }
.p-l-23 { padding-left: 23px; }
.p-l-25 { padding-left: 25px; }

.p-r-0 { padding-right: 0px; }
.p-r-2 { padding-right: 2px; }
.p-r-3 { padding-right: 3px; }
.p-r-4 { padding-right: 4px; }
.p-r-5 { padding-right: 5px; }
.p-r-6 { padding-right: 6px; }
.p-r-8 { padding-right: 8px; }
.p-r-9 { padding-right: 9px; }
.p-r-10 { padding-right: 10px; }
.p-r-15 { padding-right: 15px; }
.p-r-20 { padding-right: 20px; }
.p-r-25 { padding-right: 25px; }
.p-r-30 { padding-right: 30px; }
.p-r-40 { padding-right: 40px; }

.p-t-0 { padding-top: 0px; }
.p-t-1 { padding-top: 1px; }
.p-t-2 { padding-top: 2px; }
.p-t-3 { padding-top: 3px; }
.p-t-4 { padding-top: 4px; }
.p-t-5 { padding-top: 5px; }
.p-t-6 { padding-top: 6px; }
.p-t-7 { padding-top: 7px; }
.p-t-8 { padding-top: 8px; }
.p-t-9 { padding-top: 9px; }
.p-t-10 { padding-top: 10px; }
.p-t-12 { padding-top: 12px; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }
.p-t-25 { padding-top: 25px; }

.p-b-0 { padding-bottom: 0px; }
.p-b-1 { padding-bottom: 1px; } 
.p-b-2 { padding-bottom: 2px; } 
.p-b-3 { padding-bottom: 3px; } 
.p-b-4 { padding-bottom: 4px; }
.p-b-5 { padding-bottom: 5px; }
.p-b-6 { padding-bottom: 6px; }
.p-b-7 { padding-bottom: 7px; }
.p-b-8 { padding-bottom: 8px; }
.p-b-9 { padding-bottom: 9px; }
.p-b-10 { padding-bottom: 10px; }
.p-b-15 { padding-bottom: 15px; }
.p-b-20 { padding-bottom: 20px; }
.p-b-25 { padding-bottom: 25px; }

.p-8 { padding: 8px;}

/* Margin */
.m-l-0 { margin-left: 0px; }
.m-l--1 { margin-left: -1px; }
.m-l--2 { margin-left: -2px; }
.m-l-2 { margin-left: 2px; }
.m-l-3 { margin-left: 3px; }
.m-l-4 { margin-left: 4px; }
.m-l-5 { margin-left: 5px; }
.m-l-6 { margin-left: 6px; }
.m-l-7 { margin-left: 7px; }
.m-l-8 { margin-left: 8px;}
.m-l-9 { margin-left: 9px; }
.m-l-10 { margin-left: 10px; }
.m-l-12 { margin-left: 12px; }
.m-l-13 { margin-left: 13px; }
.m-l-15 { margin-left: 15px; }
.m-l-16 { margin-left: 16px; }
.m-l-18 { margin-left: 18px; }
.m-l-20 { margin-left: 20px; }
.m-l-23 { margin-left: 23px; }
.m-l-25 { margin-left: 25px; }
.m-l-27 { margin-left: 27px; }
.m-l-30 { margin-left: 30px; }

.m-r-0 { margin-right: 0px; }
.m-r-2 { margin-right: 2px; }
.m-r-3 { margin-right: 3px; }
.m-r-4 { margin-right: 4px; }
.m-r-5 { margin-right: 5px; }
.m-r-6 { margin-right: 6px; }
.m-r-7 { margin-right: 7px; }
.m-r-8 { margin-right: 8px; }
.m-r-9 { margin-right: 9px; }
.m-r-10 { margin-right: 10px; }
.m-r-12 { margin-right: 12px; }
.m-r-15 { margin-right: 15px; }
.m-r-20 { margin-right: 20px; }
.m-r-25 { margin-right: 25px; }

.m-t-0 { margin-top: 0px; }
.m-t-1 { margin-top: 1px; }
.m-t--2 { margin-top: -2px; }
.m-t-2 { margin-top: 2px; }
.m-t-3 { margin-top: 3px; }
.m-t-4 { margin-top: 4px; }
.m-t-5 { margin-top: 5px; }
.m-t-6 { margin-top: 6px; }
.m-t-7 { margin-top: 7px; }
.m-t-8 { margin-top: 8px; }
.m-t-9 { margin-top: 9px; }
.m-t-10 { margin-top: 10px; }
.m-t-11 { margin-top: 11px; }
.m-t-12 { margin-top: 12px; }
.m-t-15 { margin-top: 15px; }
.m-t-17 { margin-top: 17px; }
.m-t-18 { margin-top: 18px; }
.m-t-20 { margin-top: 20px; }
.m-t-23 { margin-top: 23px; }
.m-t-25 { margin-top: 25px; }
.m-t-50 { margin-top: 50px; }
.m-t-100 { margin-top: 100px; }

.m-b-0 {margin-bottom: 0px; }
.m-b-2 { margin-bottom: 2px; }
.m-b-3 { margin-bottom: 3px; }
.m-b-4 { margin-bottom: 4px; }
.m-b-5 { margin-bottom: 5px; }
.m-b-6 { margin-bottom: 6px; }
.m-b-7 { margin-bottom: 7px; }
.m-b-8 { margin-bottom: 8px; }
.m-b-10 { margin-bottom: 10px; }
.m-b-13 { margin-bottom: 13px; }
.m-b-15 { margin-bottom: 15px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-25 { margin-bottom: 25px; }
.m-b-30 { margin-bottom: 30px; }

.m-lr-5 { margin: 0px 5px; }
.m-lr-10 { margin: 0px 10px; }
.m-lr-15 { margin: 0px 15px; }
.m-lr-20 { margin: 0px 20px; }
.m-lr-25 { margin: 0px 25px; }

/* DISPLAY */
.display-inline-block
{
    display: inline-block;
}

.display-inline
{
    display: inline-block;
    vertical-align: top;
}

.display-in
{
    display: inline;
}

.display-block
{
    display: block;
}

.display-flex
{
    display: flex;
}

.display-none
{
    display:none;
}

/* FONT_SIZE */

.font-size-half-em
{
    font-size: .5em;
}

.font-size-8 {
    font-size: 8px;
}

.font-size-9 {
    font-size: 9px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-11
{
    font-size: 11px;
}

.font-size-12
{
    font-size: 12px;
}

.font-size-14
{
    font-size: 14px;
}

.font-size-15
{
    font-size: 15px;
}

.font-size-16
{
    font-size: 16px;
}

.font-size-18
{
    font-size: 18px;
}

.font-size-20
{
    font-size:20px;    
}

.font-size-21
{
    font-size:21px;    
}


.font-size-24
{
    font-size: 24px;
}

.font-size-30
{
    font-size: 30px;
}

.font-size-36
{
    font-size: 36px;
}

.font-size-64
{
    font-size: 64px;
}

/* TEXT-ALIGN */
.text-align-left
{
    text-align: left;
}

.text-align-right
{
    text-align: right;
}

.text-align-center
{
    text-align: center;
}

/* VERTICAL-ALIGN */

.vert-text-bottom
{
    vertical-align: text-bottom;
}

.vert-text-bottom
{
    vertical-align: bottom;
}

.vert-middle
{
    vertical-align: middle;
}

.vert-super
{
    vertical-align: super;
}

.vert-top
{
    vertical-align: top;
}

.vert-baseline
{
    vertical-align: baseline;
}

.vert-sub
{
    vertical-align: sub;
}

.vert-wbm
{
    vertical-align: -webkit-baseline-middle;
}

/* ACTIVITY CONTENT */

.activity--content--header
{
    display: inline;
    color:rgb(116,118,120);
    vertical-align:-webkit-baseline-middle;    
    font-size: 1.3em;    
}

.activity--content--contextmenu
{
    font-size: 1.23em;
    color: rgb(38,41,44); 
}

.activity--content--contextmenu > ul
{
    z-index: 3;
}

.activity--content--contextmenu button
{
    height: 21px;
    border-style:none; 
    border-radius: 3px; border-width:1px; 
    vertical-align:middle
}

.activity--content--contextmenu--background
{
    margin-top: -6px;
}

.activity--content--contextmenu-items
{
    position:absolute; 
    will-change: top, left;
    z-index:900;
}

.activity--content--text
{
    font-size: 1em;
    color:rgb(116,118,120);
    padding-top: 5px;
    padding-left: 25px;
}

.activity--content--text > div
{
    display: inline-block;
}

.activity--content--checkcall--location .checkcallcity
{
    max-width:200px; 
    display:inline-block;
}

.activity--content--checkcall--location > select
{    
    display:inline-block;
    height:31px; 
    width:150px;
}

.activity--content--checkcall--location .checkcallzip
{
    max-width:60px; 
    display:inline-block;
}

.activity--content--history
{
    margin: 0px 25px;
    width: auto;
    font-size: 12px;
}

.activity--content--history th
{
    font-weight: 600; 
    padding-right: 30px;
    border-top: 0px;
}

.activity--content--history td
{    
    padding-right: 30px;
    border-top: 0px;
}

.activity--content--completion
{        
    border-top: 1px solid #EEEEEE;
    background-color: #FFFFF9; 
    padding-left: 25px;
}

.activity--content--reschedule
{
    margin-top: 10px;
}

.activity--content--reschedule input
{
    cursor: pointer;
}

.activity--content--reschedule--checkbox
{    
    vertical-align: text-bottom; 
    margin-right: 5px;     
}

.activity--content--reschedule--textbox
{    
    width: 40px; 
    height: 31px; 
    margin-left: 3px;
    display:inline-block;
    vertical-align:top;    
}

.activity--content--reschedule--select
{    
    width: 140px; 
    height: 31px; 
    display:inline-block;    
}

.activity--content--completion--comments
{    
    border-top: 1px solid #EEEEEE; 
    background-color: #FFFFF9; 
    padding-left: 25px;
}


/* Tables */
.tms-table-row
{
    height: 31px;
}

.tms-table-cell
{
    height: 31px;
}

/* Controls */

.tms-form-control
{
    height: 31px;
}

.tms-form-control input
{
    height: 31px;
}

select .tms-form-control
{
    height: 31px;
}


.checkbox
{
    display: inline-block;
    height:16px; 
    width:16px;
}

.radio-button
{
    display: inline-block;
    height:16px; 
    width:16px;
}

.datebox
{
    width: 170px;
}

.timebox
{
    width: 82px;
}

.activity--content--number
{
    width: 40px;
    display: inline-block;
    vertical-align:top;
}

.activity--content--time--unit--select
{
    display: inline-block;
    width: 140px;
}


.activity--content--reschedule--text
{
    display:inline-block;
}

.activity--content--button
{
    height: 31px;
}

.activity--content--shadow
{
    box-shadow: 5px 5px 10px 2px rgba(0,0,0, .1)
}

.activity--content--button div
{
    line-height: 10px;
}

.activity--content--new--callout
{
    border: 1px solid #DDDDDD;
    background-color: #EEEEEE;
}

.activity--content--new--callout > h5
{
    font-size:13px; 
    font-weight: bold; 
    margin-left:2px;
}

/* Timeline Bar */
.activity-stream .timelinebarfuture
{
    display:block;
    margin-left: 20px;
    margin-right:2.8em;
    left: auto;
    top: 0px;
    width: 2px;
    height: calc(100% - 35px);
    bottom: 0px;
    background-size: 2px 14px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAOCAYAAAAFdM1fAAAAAXNSR0IArs4c6QAAABxJREFUCB1jYCAMGO/evfsfpIwJppYYBkwtPhoAPO8DonoGqJ0AAAAASUVORK5CYII=")
}

.activity-stream .timelinebarpast
{
    display:block;
    margin-left: 20px;
    margin-right:2.8em;
    left: auto;
    top: 0px;
    width: 2px;    
    bottom: 0px;
    width: 2px;
    height: calc(100% - 35px);
    background-size: 2px 14px;
    background-color: #e5e5e5;
}

.filter-header
{
    vertical-align: middle;
    font-weight:800; 
    padding-top:12px;
}

.filter-label
{
    vertical-align: middle; 
    font-weight:200;
}

.filter-dropdown
{
    margin-top:2px;
    line-height:11.5px;
    background-color: #EEEEEE; 
    border: 1px solid #CCCCCC; 
    height: 23px;
}

.filter-listitem
{
    margin-top:3px; 
    margin-bottom:3px;
    margin-left: 7px;
}

.repeater-header-row
{
    border-top: 1px solid #CCCCCC;
    margin: 10px 0px 0px 0px; 
    background-color: #EEEEEE;
}

.repeater-header-row-secondary
{
    border-top: 1px solid #EEEEEE;
    margin: 0px 0px 0px 0px; 
    background-color: #F2F2F2;
}

.repeater-content
{
    border-top: 1px solid #CCCCCC; 
    border-bottom: 1px solid #CCCCCC; 
    padding: 3px 0px 3px 0px;
}

.repeater-content-secondary
{
    border-top: 1px solid #EEEEEE; 
    border-bottom: 1px solid #EEEEEE; 
    padding: 3px 0px 3px 0px;
}

.repeater-icon-column
{
    min-width:20px; 
    max-width:25px;
}

.repeater-medium-column
{
    min-width:70px; 
    max-width:100px;
}

.repeater-date-column
{
    min-width:70px; 
    max-width:100px;
}
.repeater-date-time-column
{
    min-width:70px; 
    max-width:150px;
}
.repeater-date-long-column
{
    min-width:130px; 
    max-width:150px;
}

.repeater-checkbox-column
{
    min-width:20px; 
    max-width:25px;
}

.repeater-item
{
    border-top: 1px solid #DDDDDD; 
    padding: 3px 0px 3px 0px;
}

.repeater-icon
{
    min-width:15px;
}

.repeater-container
{
    overflow-y: scroll; 
    height:500px;
}

/* Dropdown multi select */
.dropdown-multiselect-parent
{
    display: flex;
}

.dropdown-multiselect-parent > div:nth-child(1)
{
    min-width: 112px;
    margin-bottom: 2px;
}

.dropdown-multiselect-parent > div:nth-child(2)
{
    flex: 1;
}

.dropdown-multiselect-outer-item
{
    border: 1px solid #DDDDDD;
    display: inline-block;    
    margin-top: 2.5px;
    margin-bottom: 2.5px;
}

.dropdown-multiselect-outer-item > button
{
    border: 0; 
    background-color: transparent;
    color: red;
}

.invoice--listitem--error
{
    background: rgb(153, 102, 102, .2);
    color: rgb(103, 106, 108);
    font-weight:normal;
}

.invoice--listitem--paid
{
    background: rgb(102, 153, 102, .1);
    color: rgb(103, 106, 108);
    font-weight:bold;
}

.invoice--listitem--partial
{
    background: rgba(102, 153, 102, .05);
    color: rgb(103, 106, 108);
    font-style: italic;
}

.invoice--listitem--default
{
    background: white;
    color: rgb(103, 106, 108);
}

.repeater-container-sm
{
    overflow-y: scroll; 
    height:250px;
}

.dropdown
{
    background-color: white;
    font-weight: normal;
    font-style: normal;
}

.count-indicator-zero
{
    background: rgb(153, 102, 102);
    color: white;
}

.header-button
{
    height: 31px;
}


.input-group .input-group-addon
{
    height: 31px;
}

.popup-input-group-addon .input-group .input-group-addon
{
    height: 26px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.input-group input.form-control.input-sm.date-picker-sized
{
    width: 95px;    
    height: 31px;
}

.input-group input.form-control.input-sm.date-picker-sized-170
{
    width: 170px;    
    height: 31px;
}

.input-group input.form-control.input-sm.time-entry-sized
{
    width:52px;  
    height: 31px;  
}

ul.grid-filters li {
    background: #f1f1f1;
    border: 1px solid #e5e6e7;
    border-radius: 2px;
    box-shadow: none;
    color: #333333;
    cursor: default;
    line-height: 13px;
    margin: 3px 0 3px 5px;
    padding: 3px 5px;
    position: relative;
}

/* DIRECT OVERRIDES*/

.loc-search-box input
{
    font-size:12px;
}

.check-call-search-box input
{
    font-size: 12px;
    width: 200px;
}

.csz-search-box input
{
    font-size:12px;
}

.location-closing-time input
{
    font-size:12px;
}

.header .table>thead>tr>th,
.header .table>tbody>tr>th,
.header .table>tfoot>tr>th,
.header .table>thead>tr>td,
.header .table>tbody>tr>td,
.header .table>tfoot>tr>td {        
    border-top: 0px solid  rgb(231, 234, 236);
    padding-left: 0px;    
    padding-bottom: 1px;
    padding-top: 0px;
}

.charges .table>thead>tr>th,
.charges .table>tbody>tr>th,
.charges .table>tfoot>tr>th,
.charges .table>thead>tr>td,
.charges .table>tbody>tr>td,
.charges .table>tfoot>tr>td {        
    border-top: 1px solid  rgb(231, 234, 236);
    padding-left: 4px;    
    padding-bottom: 3px;
    padding-top: 3px;
    padding-right: 4px;
}

.tracking-tab .table>thead>tr>th,
.tracking-tab .table>tbody>tr>th,
.tracking-tab .table>tfoot>tr>th,
.tracking-tab .table>thead>tr>td,
.tracking-tab .table>tbody>tr>td,
.tracking-tab .table>tfoot>tr>td {        
    border-top: 1px solid  rgb(231, 234, 236);
    padding-left: 0px;    
    padding-bottom: 1px;
    padding-top: 0px;
}

.input-group-addon
{
    padding: 6px 8px;
}

.input-group.date .input-group-addon i{
    margin-top: 1px;    
}

.date input{
    height:31px;
}

.input-label-left
{
    width: 12.5%;
    float: left;
    text-align: right;
}

.input-sm.input-content-shift-left
{
    width:auto;
    margin-left: -4px;
}

/* Freight Items */

.freight-item-dropdown{
    width: 100%;
    height: 31px;
}

.freight-item-customer-dropdown
{
    min-width: 450px;
    max-width: 500px;
    height:31px;
}

.freight-item-weight-input
{
    min-width: 80px;
    max-width: 90px;
}

.freight-item-weight-dropdown
{
    min-width: 60px;
    max-width: 70px;
    height: 31px;
}

.freight-item-handling-units-input
{
    min-width: 50px;
    max-width: 60px;
}

.freight-item-handling-units-dropdown
{
    min-width: 110px;
    max-width: 120px;
    height: 31px;
}

.freight-item-pieces-input
{
    min-width: 80px;
    max-width: 100px;
}

.freight-item-description-input
{
    min-width: 225px;    
    height: 31px;
}

.btn-white
{
    border: 1px solid #d7dadc;
}

.btn-icon
{
    height: 21px;
    width: 21px;
}

.btn-icon-sm
{
    height: 19px;
    width: 19px;
}

.text-link
{
    color: #337ab7;    
}

.navbar-static-top {
    z-index: 999;
}

.overflow-hidden
{
    overflow: hidden;
}

.overflow-y-auto
{
    overflow-y: auto;
}

.overflow-y-scroll
{
    overflow-y: scroll;
}

.dialog-table-height-xs
{
    height:150px;
}

.dialog-table-height-sm
{
    height:250px;
}

.dialog-table-height-md
{
    height:400px;
}

.dialog-table-height-lg
{
    height:600px;
}

/* Widgets */

.widget-frame {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0px 0px;
    padding: 2px;    
    width:100%;
    height:100%
}

/* .widget-frame-dropdown :hover
{
    background-color: lightgray;
}

.widget-frame-dropdown > span :hover
{
    font-weight: 700;
} */

.widget-content
{
    width: calc(100% - 20px);        
}

.widget-content .repeater-header-row
{
    margin-top: 0px;
}

.widget-frame-dropdown-content
{
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;    
}

.widget-frame-dropdown-content-right
{
    right: 0;
}

.widget-frame-dropdown-content-left
{
    left: 0;  
}

.widget-frame-dropdown-content a:hover {background-color: #ddd;}

.widget-frame-dropdown:hover .widget-frame-dropdown-content {display: block;}

.widget-frame-dropdown:hover .widget-frame-dropdown-button  {color: blue
    ;}

.widget-frame-dropdown-content a
{
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:left;
}

.widget-frame-dropdown
{
    position: relative;
    display: inline-block;
}


/* Media Queries */
@media only screen and (min-width : 1px) {
    .mq-form-label-container
    {
        text-align: left;
        margin-bottom: 2px;
    }
}

@media only screen and (min-width: 768px)
{
    .mq-form-label-container
    {
        text-align: right;
    }

    .screenshots .carousel-indicators
    {
        bottom: -35px;
    }
}

.field-validation-error {

    background-color: rgba(194, 30, 30, .08);
 
    color: rgb(194, 29, 29);
    
    padding: 5px;
    padding-left: 10px;
    display: block;
           
    text-align:left;

    border-bottom: 1px solid rgba(194,29, 29, .1)    ;
    border-left: 1px solid rgba(194,29, 29, .1);    
    border-right: 1px solid rgba(194,29, 29, .1);    
 }

 .validation-summary-errors {
    color: rgb(220, 0 , 0); 
 }

 .validation-summary-valid {
     display: none;
 }

.dimmed
{
    opacity: .45;
}

.dimmed-moderate
{
    opacity: .75;
} 

.dragTarget .frameHeader
{
    background-color:#DDD;
}

.dragTarget .frameHeader .hideOnDrag
{    
    display: none;
}

.dragTarget .frameHeader .showOnDrag
{
    display: inline-block;
}

.frameHeader .showOnDrag
{
    display: none;
}

.dragTarget .mdiChild
{
    background-color: #CCC;
    display: block;
    opacity: .2;
}

.mdiChild
{
    background-color: transparent;    
}

.nav-tabs>li.active>div,
.nav-tabs>li.active>div:hover,
.nav-tabs>li.active>div:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #dddddd #dddddd rgba(0, 0, 0, 0);
    border-bottom: #f3f3f4;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

.carousel-arrow[disabled]
{
    background-color: #DDDDDD;
}

.invite-members-input
{        
    height: 31px;
}

.alternating-background
{
    background-color: #F7F7F7;
}

.ui-datepicker
{
    background-color:white;
    font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1em;
    text-align: center;
    z-index: 1001 !important;
}

.ui-datepicker .ui-datepicker-header 
{
    background-color: white;
}

.ui-datepicker .ui-widget-header
{
    border: 0px solid;
    background-color: white;
}

.ui-datepicker .ui-state-default
{
    border: 0px;
    background-color: white;
    font-weight: 400;
    text-align: center;
}

.ui-datepicker .ui-state-active
{
    border: 1px solid #CCCCCC;
    background-color: #DDD;
    font-weight: 700;
    text-align: center;
}

.ui-datepicker .ui-state-hover {
    background: #EEE;
  }

.hover-audit:hover::after {
    content: "Apply";
}

.hover-audit:hover .hover-hide
{
    display: none;
}

.hover-audit:hover .hover-show
{
    display: inline;
}

.hover-show
{
    display: none;
}

.hover-book:hover::after {
    content: "Schedule";
    }

.hover-book:hover .hover-hide
{
    display: none;
}

.hover-book:hover .hover-show
{
    display: inline;
}

.hover-show
{
    display: none;
}

.rate-analysis-tool .nav-tabs
{
  border:none;
}

.rate-analysis-tool .nav-tabs > li > a
{
  border:none;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.rate-analysis-tool .nav-tabs > li > a:hover,
.rate-analysis-tool .nav-tabs > li > a:focus {
  background-color: #e1e1e1;  
}

.rate-analysis-tool .nav-tabs > li.active > a,
.rate-analysis-tool .nav-tabs > li.active > a:hover,
.rate-analysis-tool .nav-tabs > li.active > a:focus {
  background-color: #ddd;
  border:none;
}

.grid-selected-row {
    background-color: #f3f3f3;
    font-weight: 600;
}

.grid-header-row-borders
{
    border-bottom: 1px solid rgb(203,203,203);
    border-top: 1px solid rgb(213,213,213);
}

.grid-header-row-border
{
    border-top: 1px solid #eaeaea;
}

.line-height-0-8
{
    line-height: 0.8;
}

.line-height-1
{
    line-height: 1.0;    
}
.line-height-1-5
{
    line-height: 1.5;    
}

/* min-height */
.min-height-20
{
    min-height: 20px;
}

.border-none
{
    border: none;
}

.grid-popup-outer
{
    border: 2px solid #cccccc;
    background-color: #f9f9f9;
}

.color-white
{
    color:white;
}

.rate_analysis_metadata_popup
{
  display:none; 
  z-index:99999; 
  height: auto;
  min-width: 250px;
  max-width: 250px;
}

.loadboard-header
{
    font-size: 12px;
    font-weight: bold;
    color: #262626;
    border-spacing: 0px;   
    margin-right: 5px; 
}

.loadboard-header-cell
{
    height:36px;
    line-height:36px;
    box-sizing: border-box;
}

.loadboard-header-button
{
    display:block;
    cursor: pointer;
    margin-left: 10px;
    margin-right: 5px;
}

.loadboard-filter-cell
{
    height:30px;
    line-height: 30px;
    padding: 0px 10px 0px 5px;
    border-right: 1px solid rgba(0,0,0,.08);
}

.loadboard-expanded-row
{
    /* background-color: #999999; */
    /* color: white;     */
    font-size:12px;
    line-height:12px;
    box-sizing: border-box;
    margin-top:3px;
    height:37px;
    border-top: 2px solid #999;
}

.loadboard-row
{
    color: #7a869a;    
    font-size:12px;
    line-height:12px;
    box-sizing: border-box;
    margin-top:3px;
    height:37px;
}

.loadboard-odd-background
{
    background-color: #EEE;
    /* border-top: 1px solid transparent; */
    /* border-bottom: 1px solid transparent; */
}

.loadboard-even-background
{
    background-color: #FFF;
    /* border-top: 1px solid transparent; */
    /* border-bottom: 1px solid transparent; */
}

.loadboard-result-expanded
{    
    border-left:2px solid #999;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    font-weight: 600;
}

.loadboard-expander-panel
{
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}

.loadboard-expander-panel-header
{
    background-color: #999;
    color: white;
    text-align: center;
    display:block;
    height: 45px;
    line-height: 45px;
}

.carrier-bid-border-right
{
    border-right: 2px solid rgba(255,255,255,.6);
}

.card
{
    background: #fff;    
    box-shadow: 3px 3px 3px rgba(34, 35, 58, 0.5);
    max-width: 400px;
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    position: relative;
}

.card h2 {
    margin: 0;    
    font-weight: 600;
    font-size: 16px;
    opacity: .75;
}

.card .title {
    padding: 1rem;
    text-align: right;
    color: #999;
    font-weight: bold;
    font-size: 12px;
  }

  .card .desc {
    padding: 0.5rem 1rem;
    font-size: 12px;
  }

  .card .actions {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    padding: 0.5rem 1rem;
  }

  .img-avatar {
    width: 50px;
    height: 50px;
    position: absolute;
    border-radius: 50%;
    /* border: 2px solid #CCC; */
    /* background-image: linear-gradient(-60deg, #BBB 0%, #ccc 100%); */
    top: 4px;
    right: 0px;
    opacity: .85;
  }

.card-text {
    display: grid;    
    grid-template-rows: 8fr;
    flex: 0 0 100%;
  }

  .title-total {
    padding: 15px 15px;
  }

/* path {
    fill: white;
  } */

  .img-portada {
    width: 100%;
  }

  /* button {
    border: none;
    background: none;
    font-size: 24px;
    color: #8bc34a;
    cursor: pointer;
    transition:.5s;
  } */

  .loadboard-content-header
  {
    color: #999;
    text-transform: uppercase;
    font-size: 11px;
  }

  .loadboard-content
  {
    color: rgba(68, 77, 95, 1);
    font-size: 15px;
  }

  .sort-arrow-unselected
  {
    color: #AAA;    
  }

  .lb-filter-panel
{
    border-bottom: 1px solid #e4e9f3;
    vertical-align: baseline;
    border-spacing: 0;
    background-color: #fafafa;
    text-align: left;
    font-size: 14px;
    font-weight: 600;
}

.filter-short
{
  width: calc(100% - 28px);
  display:inline-block;
}

.search-input
{
    height: 24px;
    background-color:transparent;
    border: none;
    color: rgba(68, 77, 95, .7);
    border-radius: 3px;
    font-size: 12px;    
}

.search-input::placeholder
{
    color: rgba(68, 77, 95, .7)
}

.loadboard-loaddetail-header
{
    font-size: 20px;
    font-weight:600;
}

.typeahead-short .typeahead-input
{
    height:24px;
    border-radius: 3px;
    border: none;
    padding-left: 3px;
    font-size: 12px;
}

.typeahead-long .typeahead-input
{
    height:24px;
    border-radius: 3px;
    border: none;
    padding-left: 3px;
    font-size: 12px;
}


.typeahead-quote .typeahead-input
{
    border: 1px solid rgba(224,224,224);
    border-radius: 3px;
    font-size: 12px;
} 

.loadboard-quotecarrier-header
{
    font-size:12px;
    font-weight:600;
    text-transform: uppercase;    
}

.loadboard-expiring-soon-4
{ 
  background: linear-gradient(-45deg, rgba(185,38,18, .15), rgba(196,60,44,.02), rgba(181,70,61,.15), rgba(188,88,73, .1));
  background-size: 400% 400%;
  animation: gradient 8s ease infinite;	    
}

.loadboard-expiring-soon-3
{ 
  background: linear-gradient(-45deg, rgba(185,38,18, .25), rgba(196,60,44,.2), rgba(181,70,61,.25), rgba(188,88,73, .25));
  background-size: 400% 400%;
  animation: gradient 8s ease infinite;	    
}

.loadboard-expiring-soon-2
{ 
  background: linear-gradient(-45deg, rgba(185,38,18, .65), rgba(196,60,44,.4), rgba(181,70,61,.65), rgba(188,88,73, .65));
  background-size: 400% 400%;
  animation: gradient 8s ease infinite;	    
  color: white;
}

.loadboard-expiring-soon-1
{ 
  background: linear-gradient(-45deg, rgba(185,38,18, .85), rgba(196,60,44,.5), rgba(181,70,61,.85), rgba(188,88,73, .85));
  background-size: 400% 400%;
  animation: gradient 8s ease infinite;	    
  color: white;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
  }

.openComment
{
    position: absolute;
    display: block;
    top: 20px;
    left: 0px;
}

.closedComment 
{
    display:none;
}

.emailAddress-invalid
{     
    border: 2px solid red;
    border-color:red !important;
}

.emailAddress-invalid:focus
{ 
    border: 2px solid red;
    border-color:red !important;
}

.emailAddress-valid
{    
    border: 2px solid green;    
}

.emailAddress-valid:focus
{       
    border: 2px solid green;
    border-color:green !important;
}

.input-group input.form-control.input-sm.date-picker-sized
{
    width: 95px;    
    height: 31px;
}

.metric-filter-bar .form-control
{
    border: 1px solid rgba(0,0,0, .12);
    padding-left: 6px;
    font-size: 12px;
}

.metric-filter-bar .input-group-addon
{    
    border: 1px solid rgba(0,0,0, .12);
    border-right: 0px;
}

.metric-view-definition .panel-heading
{
    padding-top:0px;
    padding-left:30px;
}

.metric-view-definition .nav-tabs>li>a.selectedMetricTab 
{
    color: rgba(0,0,0,1);
    font-weight:600;
}

.metric-view-definition .nav-tabs>li>a 
{
    color: rgba(0,0,0,.63);
    font-weight:600;
}

.metric-view-definition .nav-tabs>li>a:hover,
.metric-view-definition .nav-tabs>li>a:focus {
    border-bottom:2px solid rgba(62, 136, 200, .25);
    border-left: 1px solid transparent;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    background-color: transparent;  
    color:rgba(0,0,0, .87);

}

.metric-view-definition .selectedMetricTab
{
    color: rgba(0,0,0,1);
    border-bottom:2px solid rgba(62, 136, 200, 1);
    background-color: transparent;    
}

.metric-view-definition .nav-tabs 
{
    border-image: linear-gradient(90deg, rgba(32,20,85, .25) 0%, rgba(255,255,255, .64) 100%) 1;
    border-width: 0px 0px 2px 0px;
}

.md-select
{    
    outline: none;
    border: 1px solid gray;
    border-radius: 5px;  
    padding: 1rem 0.7rem;
    color: gray;
    transition: 0.1s ease-out;
}

.md-select:focus 
{
    border-color: #25477A;
}

.md-select:focus + label
{
    color: #25477A;
    top: 0;
    transform: translateY(-50%) scale(.9);
}

.md-select:not(:placeholder-shown) + label 
{
    top: 0;
    transform: translateY(-50%) scale(.9);
}

.md-select:has(:placeholder-shown) + label 
{    
    transform: translateY(-50%) scale(.9);
}

.md-textfield
{
    position: relative; 
}

.md-container 
{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.md-input:focus
{
    outline: none;
    border: 1px solid gray;
    border-radius: 5px;  
    padding: 1rem 0.7rem;
    color: gray;
    transition: 0.1s ease-out;
}

.md-input:focus
{
    border-color: #25477A;
}

.md-input:focus::-webkit-input-placeholder { color:transparent; }
.md-input:focus::-ms-input-placeholder { color:transparent; }




.md-input:focus + label
{
    color: #25477A;
    top: 0;
    transform: translateY(-50%) scale(.9);
}

.md-input:not(:placeholder-shown) + label 
{
    top: 0;
    transform: translateY(-50%) scale(.9);
}

.md-input:has(:placeholder-shown) + label 
{    
    transform: translateY(-50%) scale(.9);
}

.md-label
{    
    position: absolute;
    font-size: 1rem;
    text-transform: uppercase;
    font-weight: 400;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: white;
    color: gray;
    padding: 0 0.3rem;
    margin: 0 0.5rem;
    transition: .1s ease-out;
    transform-origin: left top;
    pointer-events: none;      
}


.lb-paging-panel
{
    display: flex;
    justify-content: flex-end;    
    font-size: 13px;    
    /* border-top:1px solid #CCC; */
}

.lb-paging-arrow
{
    -webkit-box-align: baseline;
    align-items: baseline;    
    border-width: 0px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: inherit;
    font-style: normal;
    font-weight: 600;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    background: none;
    white-space: nowrap;
    border-radius: 0px;
    cursor: pointer;
    padding: 0px 8px;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    vertical-align: middle;
    width: auto;
    outline: none !important;
    user-select: none;
    line-height: 28px;
    color: #aaa;
}

.lb-paging-page
{
    height:23px;
    align-items: baseline;
    border-width: 0px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: inherit;
    font-style: normal;
    font-weight: 800;
    text-align: center;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0px;
    cursor: pointer;
    padding: 0px 8px;
    transition: background 0.1s ease-out 0s, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) 0s;
    width:auto;
    user-select: none;
    outline: none !important;
    color: #aaa;

    line-height: 23px;
    vertical-align: middle;
}

.lb-paging-page-ellipsis
{
    align-items: baseline;
    border-width: 0px;
    height:28px;
    box-sizing: border-box;
    display: inline-flex;
    font-size: inherit;
    font-style: normal;
    font-weight: 800;
    text-align: center;
    max-width: 100%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 0px;    
    padding: 0px 8px;    
    width:auto;
    user-select: none;
    outline: none !important;
    color: #AAAAAA;

    line-height: 28px;
    vertical-align: middle;
}

.lb-paging-arrow:hover
{
    background: rgba(9,30,66,0.08);
}

.lb-paging-page:hover
{
    background: rgba(9,30,66,0.08);
}

.bell-stationary
{
    display:inline-block;   
    font-size: 16px;    
    color: #9e9e9e;   
    -webkit-transform-origin: 50% 4px;  
    -moz-transform-origin: 50% 4px;  
    transform-origin: 50% 4px; 
}

.bell-animate
{    
    -webkit-animation: ring 4s .7s ease-in-out infinite;    
    -moz-animation: ring 4s .7s ease-in-out infinite;    
    animation: ring 4s .7s ease-in-out infinite;    
}

@-webkit-keyframes ring {
    0% { -webkit-transform: rotateZ(0); }
    1% { -webkit-transform: rotateZ(30deg); }
    3% { -webkit-transform: rotateZ(-28deg); }
    5% { -webkit-transform: rotateZ(34deg); }
    7% { -webkit-transform: rotateZ(-32deg); }
    9% { -webkit-transform: rotateZ(30deg); }
    11% { -webkit-transform: rotateZ(-28deg); }
    13% { -webkit-transform: rotateZ(26deg); }
    15% { -webkit-transform: rotateZ(-24deg); }
    17% { -webkit-transform: rotateZ(22deg); }
    19% { -webkit-transform: rotateZ(-20deg); }
    21% { -webkit-transform: rotateZ(18deg); }
    23% { -webkit-transform: rotateZ(-16deg); }
    25% { -webkit-transform: rotateZ(14deg); }
    27% { -webkit-transform: rotateZ(-12deg); }
    29% { -webkit-transform: rotateZ(10deg); }
    31% { -webkit-transform: rotateZ(-8deg); }
    33% { -webkit-transform: rotateZ(6deg); }
    35% { -webkit-transform: rotateZ(-4deg); }
    37% { -webkit-transform: rotateZ(2deg); }
    39% { -webkit-transform: rotateZ(-1deg); }
    41% { -webkit-transform: rotateZ(1deg); }
  
    43% { -webkit-transform: rotateZ(0); }
    100% { -webkit-transform: rotateZ(0); }
  }
  
  @-moz-keyframes ring {
    0% { -moz-transform: rotate(0); }
    1% { -moz-transform: rotate(30deg); }
    3% { -moz-transform: rotate(-28deg); }
    5% { -moz-transform: rotate(34deg); }
    7% { -moz-transform: rotate(-32deg); }
    9% { -moz-transform: rotate(30deg); }
    11% { -moz-transform: rotate(-28deg); }
    13% { -moz-transform: rotate(26deg); }
    15% { -moz-transform: rotate(-24deg); }
    17% { -moz-transform: rotate(22deg); }
    19% { -moz-transform: rotate(-20deg); }
    21% { -moz-transform: rotate(18deg); }
    23% { -moz-transform: rotate(-16deg); }
    25% { -moz-transform: rotate(14deg); }
    27% { -moz-transform: rotate(-12deg); }
    29% { -moz-transform: rotate(10deg); }
    31% { -moz-transform: rotate(-8deg); }
    33% { -moz-transform: rotate(6deg); }
    35% { -moz-transform: rotate(-4deg); }
    37% { -moz-transform: rotate(2deg); }
    39% { -moz-transform: rotate(-1deg); }
    41% { -moz-transform: rotate(1deg); }
  
    43% { -moz-transform: rotate(0); }
    100% { -moz-transform: rotate(0); }
  }
  
  @keyframes ring {
    0% { transform: rotate(0); }
    1% { transform: rotate(30deg); }
    3% { transform: rotate(-28deg); }
    5% { transform: rotate(34deg); }
    7% { transform: rotate(-32deg); }
    9% { transform: rotate(30deg); }
    11% { transform: rotate(-28deg); }
    13% { transform: rotate(26deg); }
    15% { transform: rotate(-24deg); }
    17% { transform: rotate(22deg); }
    19% { transform: rotate(-20deg); }
    21% { transform: rotate(18deg); }
    23% { transform: rotate(-16deg); }
    25% { transform: rotate(14deg); }
    27% { transform: rotate(-12deg); }
    29% { transform: rotate(10deg); }
    31% { transform: rotate(-8deg); }
    33% { transform: rotate(6deg); }
    35% { transform: rotate(-4deg); }
    37% { transform: rotate(2deg); }
    39% { transform: rotate(-1deg); }
    41% { transform: rotate(1deg); }
  
    43% { transform: rotate(0); }
    100% { transform: rotate(0); }
  }

  .alert2
  {
    background:white;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    width:375px;
    min-height:75px;
    border-radius: 6px 0px 0px 6px;  
    margin-bottom:15px;
    margin-right:5px;
    z-index: 2000;
  }

  .alert2-back-danger
  {
    background:rgba(249,235,239, 1);
  }

  .alert2-danger
  {
    background: rgba(240,26,94,1);
  }

  .alert2-danger-icon
  {
    color: rgba(240,26,94,1);
    background:transparent;
    font-size:24px;
  }

  .alert2-warning
  {
    background: rgba(233,165,70,1);
  }

  .alert2-back-warning
  {
    background: rgba(251, 246, 237, 1);
  }

  .alert2-warning-icon
  {
    color: rgba(233,165,70,1);
    background:transparent;
    font-size:24px;
  }

  .alert2-info
  {
    background: rgba(44,125,189,1);
  }

  .alert2-back-info
  {
    background: rgba(238,242,248,1);
  }

  .alert2-info-icon
  {
    color: rgba(44,125,189,1);
    background:transparent;
    font-size:24px;
  }

  .alert2-success
  {
     background: rgba(64,170,124,1);
  }

  .alert2-back-success
  {
    background: rgba(241, 246, 242, 1);
  }

  .alert2-success-icon
  {
    color: rgba(64,170,124,1);
    background:transparent;
    font-size:24px;
  }


  .alert2-animate
  {    
    animation-iteration-count: 1;
    animation: slideinout 10s ease-out;
    animation-fill-mode: forwards;
  }

  @keyframes slideinout {
    0% { transform: translate(400px, 0) }
    10% { transform: translate(0px, 0) }    
    90% { transform: translate(0px, 0) } 
    100% { transform: translate(400px, 0) }   
  }

  .alert2-animate-hide
  {    
    animation-iteration-count: 1;
    animation: slideout 1s ease-out;
    animation-fill-mode: forwards;
  }

  @keyframes slideout {
    0% { transform: translate(0px, 0) }
    100% { transform: translate(400px, 0) }   
  }

  .alert2-slider
  {    
    animation: size-animate 9s ease-out;
    animation-delay: 1s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
  }

  @keyframes size-animate {
    0% { transform: translate(0px, 0) }
    100% { transform: translate(400px, 0) }  
}

sliderparent {  
    padding:0px;    
    display: inline;
}
.sliderchild {
    position: relative;
    display: inline-block;
}
.sliderchild:after, .checkbox:before {
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    text-rendering: auto;
}
.sliderchild label {
    width: 60px;
    height: 28px;
    background: #ccc;
    position: relative;
    display: inline-block;
    border-radius: 32px;
    transition: 0.4s;
    margin-bottom:0px;
}
.sliderchild label:after {
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    left: 0;
    /* top: -5px; */
    z-index: 2;
    background: #fff;
    border-radius:100%;
    transition: 0.4s;
}
.sliderchild input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
    margin-top:0px;
}
.sliderchild input:checked + label:after {
    left: 22px;
}
.slider .sliderchild:after {
    /* content: '\f00d'; */
    color: #aaa;
    position: relative;
    right: 16px;
    bottom: 8px;
}
.slider .sliderchild:before {
    /* content: '\002714'; */
    position: relative;
    font-weight:800;
    left: 17px;
    bottom: 8px;
    color: #fff;
    z-index: 1;
}
.slider .sliderchild label {
    width: 44px;
    background: #EAEAEA;
    box-shadow: 0 0 1px 2px rgba(0,0,0, .15)

}
.slider .sliderchild label:after {
    top: 0;
    width: 28px;
    height: 28px;
}
.slider .sliderchild input:checked + label {
    background: #4BD865;
}
.slider .sliderchild input:checked + label:after {
    left: 16px;
}

.count_badge {
    background-color: rgb(214,82,53);
    border-radius: 4px;    
    color: white;
   
    padding: 1px 4px;
    font-size: 11px;
    
    margin-left: 1px;
    margin-right:7px;  
    display: inline-block;  
    vertical-align:text-top;
  }

  .count_badge_zero {
    opacity: .5;
  }

  .animated-bars-holder {    
    width: 88px;
    height: 60px;
    position: relative;
    margin: 0 auto ;
    -webkit-transform: translateZ(0);
    opacity:.2;
 }

.animated-bars-bar  {
    position: absolute;
    height: 0%;
    background: #25477A;
    width:  8px;    
    bottom: 0px;
    left: 0px;
    margin-top: 8px;    
    animation: fill 5s infinite alternate, colors 5s infinite alternate;
}

.animated-bars-bar.fill1 {
  animation: fill-1 5s infinite alternate, colors 5s infinite alternate;
  left:13px;
}

.animated-bars-bar.fill2 {
   animation:  fill-2 5s infinite alternate, colors 5s infinite alternate;
   left:26px;
}


.animated-bars-bar.fill3 {
   animation:  fill-3 5s infinite alternate, colors 5s infinite alternate;
   left:39px;
}


.animated-bars-bar.fill4 {
   animation:  fill-4 5s infinite alternate, colors 5s infinite alternate;
   left:52px;
}

.animated-bars-bar.fill5 {
   animation:  fill-5 5s infinite alternate, colors 5s infinite alternate;
   left:65px;
}

.animated-bars-bar.fill6 {
   animation:  fill-6 5s infinite alternate, colors 5s infinite alternate;
   left:78px;
}

@keyframes fill {
  0%   { height: 0; }
  33%  { height: 30px;}
  66%  { height: 10px;}
  100% { height: 50px; }
}

@keyframes fill-1 {
  0%   { height: 0; }
  33%  { height: 37px;}
  66%  { height: 20px;}
  100% { height: 10px; }
}

@keyframes fill-2 {
  0%   { height: 0; }
  33%  { height: 35px;}
  66%  { height: 50px;}
  100% { height: 1px; }
}

@keyframes fill-3 {
  0%   { height: 0; }
  33%  { height: 45px;}
  66%  { height: 5px;}
  100% { height: 50px; }
}

@keyframes fill-4 {
  0%   { height: 0; }
  33%  { height: 40px;}
  66%  { height: 34px;}
  100% { height: 10px; }
}

@keyframes fill-5 {
  0%   { height: 0; }
  33%  { height: 25px;}
  66%  { height: 48px;}
  100% { height: 10px; }
}


@keyframes fill-6 {
  0%   { height: 0; }
  33%  { height: 48px;}
  66%  { height: 7px;}
  100% { height: 44px; }
}

@keyframes colors {
  0% { background-color: #25477A;}
  50% { background-color: #3C73C7;}
  100% { background-color: #3a76a9;}
}

.message-pinned
{
    color:#676a6c;    
}

.message-unpinned
{
    color:#676a6c7e;
}

.table-hover>tbody>tr.ignore:hover
{
    background-color: green;
}

.background-white
{
    background-color:white;
}

.background-light-gray
{
    background-color:rgb(240,240,240);
}

.background-very-light-gray
{
    background-color:rgb(250,250,250);
}

.call:hover {
    background-color: #337ab7;
    color: white;
    cursor: pointer;
}

.call {
    background-color: white;
    color: #337ab7;
}

.la-header 
{
    font-size: 13px;
    font-weight: 700;    
    margin-bottom:7px;    
}

.la-well-current-load
{
    background: rgba(55, 131, 196, .6);
    border-color: rgba(55, 131, 196);
    border-width: medium;
}

.la-well
{
    background: linear-gradient(180deg, rgba(26,179,148,.8) 1%, rgba(26,179,148,.65) 97%);
    border-width: medium;
    border: 3px solid rgb(26,179,148);
}

.la-well-noshipment {
    background: linear-gradient(180deg, rgba(150, 150, 150, .8) 1%, rgba(175, 175, 175, .65) 97%);
    border-width: medium;
    border: 3px solid rgb(170, 170, 170);
}

.la-well-layer
{
    background: rgba(255,255,255,.2)
}

.nav.nav-tabs.nav-tabs-alternate > li
{
    border-color: transparent;
}

.nav-tabs.nav-tabs-alternate>li.active>a,
.nav-tabs.nav-tabs-alternate>li.active>a:hover,
.nav-tabs.nav-tabs-alternate>li.active>a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none;
    border-color: #ffffff #ffffff rgba(0, 0, 0, 0);
    border-bottom: transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    cursor: default;
}

.quote-datepicker-parent input
{
    border: 1px solid rgb(224,224,224);
    border-radius: 0px 3px 3px 0px !important;
}

.quote-datepicker-parent span
{
    border: 1px solid rgb(224, 224, 224);
    border-radius:  3px 0px 0px 3px;
    border-right: 0px;
}

.multi-mode-criteria-ready
{
    border: 5px solid Green;
}

.input-group input.po-datepicker.input-sm.form-control
{
    border-color: #e9ecef;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.datepicker-calendar:has(+ .po-datepicker)
{
    border-color: #e9ecef;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

/* .po-datepicker input.datepicker.date-picker-sized.form-control.input-sm
{
    border-color: #e9ecef;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}

.po-datepicker .input-group-addon {
    border-color: #e9ecef;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
} */

.imessage
{
    background-color: #fff;

    display: flex;
    flex-direction: column;    
    font-size: 1.25rem;
    margin: 0 auto 1rem;
    max-width: 600px;
    padding: 0.5rem 1.5rem;
    min-width:550px;
}

.imessage p {
    border-radius: 1.15rem;
    line-height: 1.25;
    max-width: 75%;
    padding: 0.5rem .875rem;
    position: relative;
    word-wrap: break-word;
}

.imessage p::before,
.imessage p::after 
{
  bottom: -0.1rem;
  content: "";
  height: 1rem;
  position: absolute;
}

p.from-me 
{
    align-self: flex-end;
    background-color: #248bf5;
    color: #fff; 
}

p.from-me::before 
{
    border-bottom-left-radius: 0.8rem 0.7rem;
    border-right: 1rem solid #248bf5;
    right: -0.35rem;
    transform: translate(0, -0.1rem);
}

p.from-me::after 
{
    background-color: #fff;
    border-bottom-left-radius: 0.5rem;
    right: -40px;
    transform:translate(-30px, -2px);
    width: 10px;
}

p[class^="from-"] 
{
    margin: 0.5rem 0;
    width: fit-content;
}

p.from-me ~ p.from-me {
    margin: 0.25rem 0 0;
  }
  
  p.from-me ~ p.from-me:not(:last-child) {
    margin: 0.25rem 0 0;
  }
  
  p.from-me:first-child {
    margin-bottom: 0.5rem;
  }

  p.from-me ~ p.from-me:last-child {
    margin-bottom: 0.5rem;
  }
  
  p.from-them {
    align-items: flex-start;
    background-color: #e5e5ea;
    color: #000;
    margin: 1rem 0 1rem 0;
  }
  
  p.from-them:before {
    border-bottom-right-radius: 0.8rem 0.7rem;
    border-left: 1rem solid #e5e5ea;
    left: -0.35rem;
    transform: translate(0, -0.1rem);
  }
  
  p.from-them::after {
    background-color: #fff;
    border-bottom-right-radius: 0.5rem;
    left: 20px;
    transform: translate(-30px, -2px);
    width: 10px;
  }
  
  p[class^="from-"].emoji {
    background: none;
    font-size: 2.5rem;
  }
  
  p[class^="from-"].emoji::before {
    content: none;
  }
  
  .no-tail::before {
    display: none;
  }
  
  .margin-b_none {
    margin-bottom: 0 !important;
  }
  
  .margin-b_one {
    margin-bottom: 1rem !important;
  }
  
  .margin-t_one 
  {
    margin-top: 1rem !important;
  }