/*!
 * resizable 1.0.0
 * https://github.com/tannernetwork/resizable
 *
 * Copyright 2015 Tanner (http://tanner.zone)
 * Released under the MIT license
 */

 .resizable {
    position: relative;
}

.resizable .resizable-handle {
    position: absolute;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.resizable .resizable-l, .resizable .resizable-r {
    height: calc(100% - 10px);
    top: 5px;
    width: 10px;
}

.resizable .resizable-l {
    cursor: w-resize;
    left: -5px;
}

.resizable .resizable-r {
    cursor: e-resize;
    right: -5px;
}

.resizable .resizable-t, .resizable .resizable-b {
    height: 10px;
    left: 5px;
    width: calc(100% - 10px);
}

.resizable .resizable-t {
    cursor: n-resize;
    top: -5px;
}

.resizable .resizable-b {
    cursor: s-resize;
    bottom: -5px;
}

.resizable-resizing {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.resizable-resizing-l {
    cursor: w-resize;
}

.resizable-resizing-r {
    cursor: e-resize;
}

.resizable-resizing-t {
    cursor: n-resize;
}

.resizable-resizing-b {
    cursor: s-resize;
}

.box-border {
    border: 5px solid transparent;
    transition-timing-function: ease-in;
    transition: 0.5s;
    border-radius: 4px;
}
.box-border:hover {
    border: 5px solid #ccc;
}
#alert {
    padding: 0 !important;
    height: 100%;
    overflow-y: scroll;
}
#news {
    height: 100%;
    overflow-y: scroll;
}
#chat {
    padding: 0 !important;
    height: 100%;
    overflow-y: scroll;
}
#news:first-child {
    padding: 0 !important;
}
#dragWrapper > .resizable {
    margin: 0 5px;
    border:2px solid #ffff;
    /*transition: 0.5s;*/
    /*transition-timing-function: ease-in;*/
}
#news .box,
#chat .box,
#alert .box {
    padding: 0;
    margin: 0;
}

#news .box-header h3,
#chat .box-header h3,
#alert .box-header h3 {
    margin-top:15px !important;
    line-height: 0;
}
#news .box-header,
#chat .box-header,
#alert .box-header {
    padding: 10px !important;
}

#resizeWrapper{
    overflow:hidden;
    top: 0 !important;
}
#resizeWrapper > div {
    float: left !important;
}
.ui-resizable-e {
    background-color: #fff;
    width: 2px !important;
}

/* Draggable Bar - start */
.ui-resizable-e {
    right: 0px !important;
    height: 100%;
    background-color: rgb(180 201 222 / 12%);
}
.ui-resizable-s {
    display: none !important;
}
.ui-resizable-se {
    display: none !important;
}
/* Draggable Bar - end */

/* Box ScrollBar Hide - start */
#news::-webkit-scrollbar {
    display: none;
  }
#alert::-webkit-scrollbar {
    display: none;
  }
#chat::-webkit-scrollbar {
    display: none;
  }
/* Box ScrollBar Hide - end */

#pac-input {
    left:186px !important;
    color: black;
    font-size: 11px;
}
#resizeWrapper > div .box {
    height: 100%;
    overflow-y: auto;
}
.ui-resizable-n {height: 10px !important;background-color: #f4f4f4;}
#chat .box-body , #chat .direct-chat-messages {overflow: hidden;}
/* width */
#resizeWrapper > div .box::-webkit-scrollbar {
    width: 3px;
  }

  /* Track */
  #resizeWrapper > div .box::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }

  /* Handle */
  #resizeWrapper > div .box::-webkit-scrollbar-thumb {
    background: #2a3142;
    border-radius: 10px;
  }



/*
#resizeWrapper {width: 100%;min-height: 100px;margin: 0 auto;position: relative;}
#news, #chat, #alert, #colOneTwo {position: absolute;top: 0;height: 100%;}
#news {left: 0;width: 33.333%;}
#chat {transform: translateX(-50%);left: 50%;width: 33.333%;}
#colOneTwo {left: 33.333%;width: 2px;background-color: red;cursor: move;}
#news .box, #chat .box {position: absolute;top: 0;left: 0;width: 100%;text-align: center;}

#alert {width: 33.333%;right: 0;}
 */