div.DTTT_container{
    position:relative;
    float:right;
    margin-bottom:1em
}
@media screen and (max-width: 640px){
    div.DTTT_container{
        float:none !important;
        text-align:center
    }
    div.DTTT_container:after{
        visibility:hidden;
        display:block;
        content:"";
        clear:both;
        height:0
    }
}
button.DTTT_button,div.DTTT_button,a.DTTT_button{
    position:relative;
    display:inline-block;
    margin-right:3px;
    padding:5px 8px;
    border:1px solid #999;
    cursor:pointer;
    *cursor:hand;
    font-size:0.88em;
    color:black !important;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow:1px 1px 3px #ccc;
    -moz-box-shadow:1px 1px 3px #ccc;
    -ms-box-shadow:1px 1px 3px #ccc;
    -o-box-shadow:1px 1px 3px #ccc;
    box-shadow:1px 1px 3px #ccc;
    background:#ffffff;
    background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 )
}
button.DTTT_button{
    height:30px;
    padding:3px 8px
}
.DTTT_button embed{
    outline:none
}
button.DTTT_button:hover,div.DTTT_button:hover,a.DTTT_button:hover{
    border:1px solid #666;
    text-decoration:none !important;
    -webkit-box-shadow:1px 1px 3px #999;
    -moz-box-shadow:1px 1px 3px #999;
    -ms-box-shadow:1px 1px 3px #999;
    -o-box-shadow:1px 1px 3px #999;
    box-shadow:1px 1px 3px #999;
    background:#f3f3f3;
    background:-webkit-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background:-moz-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background:-ms-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background:-o-linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    background:linear-gradient(top, #f3f3f3 0%, #e2e2e2 89%, #f4f4f4 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 )
}
button.DTTT_button:focus,div.DTTT_button:focus,a.DTTT_button:focus{
    border:1px solid #426c9e;
    text-shadow:0 1px 0 #c4def1;
    outline:none;
    background-color:#a3d0ef 100%;
    background-image:-webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image:-moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image:-ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image:-o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    background-image:linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef')
}
button.DTTT_button:active,div.DTTT_button:active,a.DTTT_button:active{
    -webkit-box-shadow:inset 1px 1px 3px #999999;
    -moz-box-shadow:inset 1px 1px 3px #999999;
    box-shadow:inset 1px 1px 3px #999999
}
button.DTTT_disabled,div.DTTT_disabled,a.DTTT_disabled{
    color:#999;
    border:1px solid #d0d0d0;
    background:#ffffff;
    background:-webkit-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background:-moz-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background:-ms-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background:-o-linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    background:linear-gradient(top, #fff 0%, #f9f9f9 89%, #fafafa 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 )
}
button.DTTT_button_collection span{
    padding-right:17px;
    background:url(../images/collection.png) no-repeat center right
}
button.DTTT_button_collection:hover span{
    padding-right:17px;
    background:#f0f0f0 url(../images/collection_hover.png) no-repeat center right
}
table.DTTT_selectable tbody tr{
    cursor:pointer;
    *cursor:hand
}
table.dataTable tr.DTTT_selected.odd{
    background-color:#9FAFD1
}
table.dataTable tr.DTTT_selected.odd td.sorting_1{
    background-color:#9FAFD1
}
table.dataTable tr.DTTT_selected.odd td.sorting_2{
    background-color:#9FAFD1
}
table.dataTable tr.DTTT_selected.odd td.sorting_3{
    background-color:#9FAFD1
}
table.dataTable tr.DTTT_selected.even{
    background-color:#B0BED9
}
table.dataTable tr.DTTT_selected.even td.sorting_1{
    background-color:#B0BED9
}
table.dataTable tr.DTTT_selected.even td.sorting_2{
    background-color:#B0BED9
}
table.dataTable tr.DTTT_selected.even td.sorting_3{
    background-color:#B0BED9
}
div.DTTT_collection{
    width:150px;
    padding:8px 8px 4px 8px;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,0.4);
    background-color:#f3f3f3;
    background-color:rgba(255,255,255,0.3);
    overflow:hidden;
    z-index:2002;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
    -moz-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
    -ms-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
    -o-box-shadow:3px 3px 5px rgba(0,0,0,0.3);
    box-shadow:3px 3px 5px rgba(0,0,0,0.3)
}
div.DTTT_collection_background{
    background:transparent url(../images/background.png) repeat top left;
    z-index:2001
}
div.DTTT_collection button.DTTT_button,div.DTTT_collection div.DTTT_button,div.DTTT_collection a.DTTT_button{
    position:relative;
    left:0;
    right:0;
    display:block;
    float:none;
    margin-bottom:4px;
    -webkit-box-shadow:1px 1px 3px #999;
    -moz-box-shadow:1px 1px 3px #999;
    -ms-box-shadow:1px 1px 3px #999;
    -o-box-shadow:1px 1px 3px #999;
    box-shadow:1px 1px 3px #999
}
.DTTT_print_info{
    position:fixed;
    top:50%;
    left:50%;
    width:400px;
    height:150px;
    margin-left:-200px;
    margin-top:-75px;
    text-align:center;
    color:#333;
    padding:10px 30px;
    background:#ffffff;
    background:-webkit-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-moz-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    background:linear-gradient(top, #fff 0%, #f3f3f3 89%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
    opacity:0.95;
    border:1px solid black;
    border:1px solid rgba(0,0,0,0.5);
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.5);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,0.5);
    -ms-box-shadow:0 3px 7px rgba(0,0,0,0.5);
    -o-box-shadow:0 3px 7px rgba(0,0,0,0.5);
    box-shadow:0 3px 7px rgba(0,0,0,0.5)
}
.DTTT_print_info h6{
    font-weight:normal;
    font-size:28px;
    line-height:28px;
    margin:1em
}
.DTTT_print_info p{
    font-size:14px;
    line-height:20px
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty{
    cursor:default !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>th.child:before,table.dataTable.dtr-inline.collapsed>tbody>tr>td.dataTables_empty:before{
    display:none !important
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child{
    position:relative;
    padding-left:30px;
    cursor:pointer
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before{
    top:50%;
    margin-top:-8px;
    left:4px;
    height:14px;
    width:14px;
    display:block;
    position:absolute;
    color:white;
    border:2px solid white;
    border-radius:14px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    box-sizing:content-box;
    text-align:center;
    text-indent:0 !important;
    font-family:'Courier New', Courier, monospace;
    line-height:14px;
    content:'+';
    background-color:#b4bdc1
}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before{
    content:'-';
    background-color:#b4bdc1
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child{
    padding-left:27px
}
table.dataTable.dtr-inline.collapsed.compact>tbody>tr>td:first-child:before,table.dataTable.dtr-inline.collapsed.compact>tbody>tr>th:first-child:before{
    top:5px;
    left:4px;
    height:14px;
    width:14px;
    border-radius:14px;
    line-height:14px;
    text-indent:3px
}
table.dataTable.dtr-column>tbody>tr>td.control,table.dataTable.dtr-column>tbody>tr>th.control{
    position:relative;
    cursor:pointer
}
table.dataTable.dtr-column>tbody>tr>td.control:before,table.dataTable.dtr-column>tbody>tr>th.control:before{
    top:50%;
    left:50%;
    height:16px;
    width:16px;
    margin-top:-10px;
    margin-left:-10px;
    display:block;
    position:absolute;
    color:white;
    border:2px solid white;
    border-radius:14px;
    box-shadow:0 0 3px #444;
    box-sizing:content-box;
    text-align:center;
    text-indent:0 !important;
    font-family:'Courier New', Courier, monospace;
    line-height:14px;
    content:'+';
    background-color:#31b131
}
table.dataTable.dtr-column>tbody>tr.parent td.control:before,table.dataTable.dtr-column>tbody>tr.parent th.control:before{
    content:'-';
    background-color:#d33333
}
table.dataTable>tbody>tr.child{
    padding:0.5em 1em
}
table.dataTable>tbody>tr.child:hover{
    background:transparent !important
}
table.dataTable>tbody>tr.child ul.dtr-details{
    display:block;
    list-style-type:none;
    margin:0;
    padding:0
}
table.dataTable>tbody>tr.child ul.dtr-details>li{
    border-bottom:1px solid #efefef;
    padding:0.5em 0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:first-child{
    padding-top:0
}
table.dataTable>tbody>tr.child ul.dtr-details>li:last-child{
    border-bottom:none
}
table.dataTable>tbody>tr.child span.dtr-title{
    display:inline-block;
    min-width:75px;
    font-weight:bold;
    padding-right:10px;
}
div.dtr-modal{
    position:fixed;
    box-sizing:border-box;
    top:0;
    left:0;
    height:100%;
    width:100%;
    z-index:100;
    padding:10em 1em
}
div.dtr-modal div.dtr-modal-display{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    width:50%;
    height:50%;
    overflow:auto;
    margin:auto;
    z-index:102;
    overflow:auto;
    background-color:#f5f5f7;
    border:1px solid black;
    border-radius:0.5em;
    box-shadow:0 12px 30px rgba(0,0,0,0.6)
}
div.dtr-modal div.dtr-modal-content{
    position:relative;
    padding:1em
}
div.dtr-modal div.dtr-modal-close{
    position:absolute;
    top:6px;
    right:6px;
    width:22px;
    height:22px;
    border:1px solid #eaeaea;
    background-color:#f9f9f9;
    text-align:center;
    border-radius:3px;
    cursor:pointer;
    z-index:12
}
div.dtr-modal div.dtr-modal-close:hover{
    background-color:#eaeaea
}
div.dtr-modal div.dtr-modal-background{
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:101;
    background:rgba(0,0,0,0.6)
}
@media screen and (max-width: 767px){
    div.dtr-modal div.dtr-modal-display{
        width:95%
    }
}
/*!
 * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker)
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
 */
.datepicker {
    border-radius: 4px;
    direction: ltr;
}
.datepicker-inline {
    width: 220px;
}
.datepicker.datepicker-rtl {
    direction: rtl;
}
.datepicker.datepicker-rtl table tr td span {
    float: right;
}
.datepicker-dropdown {
    top: 0;
    left: 0;
    padding: 4px;
}
.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-top: 0;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
}
.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-top: 0;
    position: absolute;
}
.datepicker-dropdown.datepicker-orient-left:before {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid rgba(0, 0, 0, 0.15);
}
.datepicker-dropdown.datepicker-orient-top:after {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.datepicker table {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker table tr td,
.datepicker table tr th {
    text-align: center;
    width: 30px;
    height: 30px;
    border-radius: 4px;
    border: none;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}
.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #777777;
}
.datepicker table tr td.day:hover,
.datepicker table tr td.focused {
    background: #eeeeee;
    cursor: pointer;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}
.datepicker table tr td.highlighted {
    color: #000;
    background-color: #d9edf7;
    border-color: #85c5e5;
    border-radius: 0;
}
.datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.focus {
    color: #000;
    background-color: #afd9ee;
    border-color: #298fc2;
}
.datepicker table tr td.highlighted:hover {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}
.datepicker table tr td.highlighted:active,
.datepicker table tr td.highlighted.active {
    color: #000;
    background-color: #afd9ee;
    border-color: #52addb;
}
.datepicker table tr td.highlighted:active:hover,
.datepicker table tr td.highlighted.active:hover,
.datepicker table tr td.highlighted:active:focus,
.datepicker table tr td.highlighted.active:focus,
.datepicker table tr td.highlighted:active.focus,
.datepicker table tr td.highlighted.active.focus {
    color: #000;
    background-color: #91cbe8;
    border-color: #298fc2;
}
.datepicker table tr td.highlighted.disabled:hover,
.datepicker table tr td.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.highlighted:hover,
.datepicker table tr td.highlighted.disabled:focus,
.datepicker table tr td.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.highlighted:focus,
.datepicker table tr td.highlighted.disabled.focus,
.datepicker table tr td.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.highlighted.focus {
    background-color: #d9edf7;
    border-color: #85c5e5;
}
.datepicker table tr td.highlighted.focused {
    background: #afd9ee;
}
.datepicker table tr td.highlighted.disabled,
.datepicker table tr td.highlighted.disabled:active {
    background: #d9edf7;
    color: #777777;
}
.datepicker table tr td.today {
    color: #000;
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today:focus,
.datepicker table tr td.today.focus {
    color: #000;
    background-color: #ffc966;
    border-color: #b37400;
}
.datepicker table tr td.today:hover {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}
.datepicker table tr td.today:active,
.datepicker table tr td.today.active {
    color: #000;
    background-color: #ffc966;
    border-color: #f59e00;
}
.datepicker table tr td.today:active:hover,
.datepicker table tr td.today.active:hover,
.datepicker table tr td.today:active:focus,
.datepicker table tr td.today.active:focus,
.datepicker table tr td.today:active.focus,
.datepicker table tr td.today.active.focus {
    color: #000;
    background-color: #ffbc42;
    border-color: #b37400;
}
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled:focus,
.datepicker table tr td.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.today:focus,
.datepicker table tr td.today.disabled.focus,
.datepicker table tr td.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.today.focus {
    background-color: #ffdb99;
    border-color: #ffb733;
}
.datepicker table tr td.today.focused {
    background: #ffc966;
}
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:active {
    background: #ffdb99;
    color: #777777;
}
.datepicker table tr td.range {
    color: #000;
    background-color: #eeeeee;
    border-color: #bbbbbb;
    border-radius: 0;
}
.datepicker table tr td.range:focus,
.datepicker table tr td.range.focus {
    color: #000;
    background-color: #d5d5d5;
    border-color: #7c7c7c;
}
.datepicker table tr td.range:hover {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}
.datepicker table tr td.range:active,
.datepicker table tr td.range.active {
    color: #000;
    background-color: #d5d5d5;
    border-color: #9d9d9d;
}
.datepicker table tr td.range:active:hover,
.datepicker table tr td.range.active:hover,
.datepicker table tr td.range:active:focus,
.datepicker table tr td.range.active:focus,
.datepicker table tr td.range:active.focus,
.datepicker table tr td.range.active.focus {
    color: #000;
    background-color: #c3c3c3;
    border-color: #7c7c7c;
}
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled:focus,
.datepicker table tr td.range[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range:focus,
.datepicker table tr td.range.disabled.focus,
.datepicker table tr td.range[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.focus {
    background-color: #eeeeee;
    border-color: #bbbbbb;
}
.datepicker table tr td.range.focused {
    background: #d5d5d5;
}
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:active {
    background: #eeeeee;
    color: #777777;
}
.datepicker table tr td.range.highlighted {
    color: #000;
    background-color: #e4eef3;
    border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.focus {
    color: #000;
    background-color: #c1d7e3;
    border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted:hover {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active,
.datepicker table tr td.range.highlighted.active {
    color: #000;
    background-color: #c1d7e3;
    border-color: #73a6c0;
}
.datepicker table tr td.range.highlighted:active:hover,
.datepicker table tr td.range.highlighted.active:hover,
.datepicker table tr td.range.highlighted:active:focus,
.datepicker table tr td.range.highlighted.active:focus,
.datepicker table tr td.range.highlighted:active.focus,
.datepicker table tr td.range.highlighted.active.focus {
    color: #000;
    background-color: #a8c8d8;
    border-color: #4b88a6;
}
.datepicker table tr td.range.highlighted.disabled:hover,
.datepicker table tr td.range.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.highlighted:hover,
.datepicker table tr td.range.highlighted.disabled:focus,
.datepicker table tr td.range.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.highlighted:focus,
.datepicker table tr td.range.highlighted.disabled.focus,
.datepicker table tr td.range.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.highlighted.focus {
    background-color: #e4eef3;
    border-color: #9dc1d3;
}
.datepicker table tr td.range.highlighted.focused {
    background: #c1d7e3;
}
.datepicker table tr td.range.highlighted.disabled,
.datepicker table tr td.range.highlighted.disabled:active {
    background: #e4eef3;
    color: #777777;
}
.datepicker table tr td.range.today {
    color: #000;
    background-color: #f7ca77;
    border-color: #f1a417;
}
.datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.focus {
    color: #000;
    background-color: #f4b747;
    border-color: #815608;
}
.datepicker table tr td.range.today:hover {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today.active {
    color: #000;
    background-color: #f4b747;
    border-color: #bf800c;
}
.datepicker table tr td.range.today:active:hover,
.datepicker table tr td.range.today.active:hover,
.datepicker table tr td.range.today:active:focus,
.datepicker table tr td.range.today.active:focus,
.datepicker table tr td.range.today:active.focus,
.datepicker table tr td.range.today.active.focus {
    color: #000;
    background-color: #f2aa25;
    border-color: #815608;
}
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today[disabled]:hover,
fieldset[disabled] .datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled:focus,
.datepicker table tr td.range.today[disabled]:focus,
fieldset[disabled] .datepicker table tr td.range.today:focus,
.datepicker table tr td.range.today.disabled.focus,
.datepicker table tr td.range.today[disabled].focus,
fieldset[disabled] .datepicker table tr td.range.today.focus {
    background-color: #f7ca77;
    border-color: #f1a417;
}
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:active {
    background: #f7ca77;
    color: #777777;
}
.datepicker table tr td.selected,
.datepicker table tr td.selected.highlighted {
    color: #fff;
    background-color: #777777;
    border-color: #555555;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.selected:focus,
.datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.focus,
.datepicker table tr td.selected.highlighted.focus {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #161616;
}
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.highlighted:hover {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}
.datepicker table tr td.selected:active,
.datepicker table tr td.selected.highlighted:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected.highlighted.active {
    color: #fff;
    background-color: #5e5e5e;
    border-color: #373737;
}
.datepicker table tr td.selected:active:hover,
.datepicker table tr td.selected.highlighted:active:hover,
.datepicker table tr td.selected.active:hover,
.datepicker table tr td.selected.highlighted.active:hover,
.datepicker table tr td.selected:active:focus,
.datepicker table tr td.selected.highlighted:active:focus,
.datepicker table tr td.selected.active:focus,
.datepicker table tr td.selected.highlighted.active:focus,
.datepicker table tr td.selected:active.focus,
.datepicker table tr td.selected.highlighted:active.focus,
.datepicker table tr td.selected.active.focus,
.datepicker table tr td.selected.highlighted.active.focus {
    color: #fff;
    background-color: #4c4c4c;
    border-color: #161616;
}
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.highlighted.disabled:hover,
.datepicker table tr td.selected[disabled]:hover,
.datepicker table tr td.selected.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.selected:hover,
fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,
.datepicker table tr td.selected.disabled:focus,
.datepicker table tr td.selected.highlighted.disabled:focus,
.datepicker table tr td.selected[disabled]:focus,
.datepicker table tr td.selected.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.selected:focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,
.datepicker table tr td.selected.disabled.focus,
.datepicker table tr td.selected.highlighted.disabled.focus,
.datepicker table tr td.selected[disabled].focus,
.datepicker table tr td.selected.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.selected.focus,
fieldset[disabled] .datepicker table tr td.selected.highlighted.focus {
    background-color: #777777;
    border-color: #555555;
}
.datepicker table tr td.active,
.datepicker table tr td.active.highlighted {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td.active:focus,
.datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.focus,
.datepicker table tr td.active.highlighted.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active.highlighted:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td.active:active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td.active:active:hover,
.datepicker table tr td.active.highlighted:active:hover,
.datepicker table tr td.active.active:hover,
.datepicker table tr td.active.highlighted.active:hover,
.datepicker table tr td.active:active:focus,
.datepicker table tr td.active.highlighted:active:focus,
.datepicker table tr td.active.active:focus,
.datepicker table tr td.active.highlighted.active:focus,
.datepicker table tr td.active:active.focus,
.datepicker table tr td.active.highlighted:active.focus,
.datepicker table tr td.active.active.focus,
.datepicker table tr td.active.highlighted.active.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.highlighted.disabled:hover,
.datepicker table tr td.active[disabled]:hover,
.datepicker table tr td.active.highlighted[disabled]:hover,
fieldset[disabled] .datepicker table tr td.active:hover,
fieldset[disabled] .datepicker table tr td.active.highlighted:hover,
.datepicker table tr td.active.disabled:focus,
.datepicker table tr td.active.highlighted.disabled:focus,
.datepicker table tr td.active[disabled]:focus,
.datepicker table tr td.active.highlighted[disabled]:focus,
fieldset[disabled] .datepicker table tr td.active:focus,
fieldset[disabled] .datepicker table tr td.active.highlighted:focus,
.datepicker table tr td.active.disabled.focus,
.datepicker table tr td.active.highlighted.disabled.focus,
.datepicker table tr td.active[disabled].focus,
.datepicker table tr td.active.highlighted[disabled].focus,
fieldset[disabled] .datepicker table tr td.active.focus,
fieldset[disabled] .datepicker table tr td.active.highlighted.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}
.datepicker table tr td span:hover,
.datepicker table tr td span.focused {
    background: #eeeeee;
}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: default;
}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    color: #fff;
    background-color: #337ab7;
    border-color: #2e6da4;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker table tr td span.active:focus,
.datepicker table tr td span.active:hover:focus,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.focus,
.datepicker table tr td span.active:hover.focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active.disabled:hover.focus {
    color: #fff;
    background-color: #286090;
    border-color: #122b40;
}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}
.datepicker table tr td span.active:active:hover,
.datepicker table tr td span.active:hover:active:hover,
.datepicker table tr td span.active.disabled:active:hover,
.datepicker table tr td span.active.disabled:hover:active:hover,
.datepicker table tr td span.active.active:hover,
.datepicker table tr td span.active:hover.active:hover,
.datepicker table tr td span.active.disabled.active:hover,
.datepicker table tr td span.active.disabled:hover.active:hover,
.datepicker table tr td span.active:active:focus,
.datepicker table tr td span.active:hover:active:focus,
.datepicker table tr td span.active.disabled:active:focus,
.datepicker table tr td span.active.disabled:hover:active:focus,
.datepicker table tr td span.active.active:focus,
.datepicker table tr td span.active:hover.active:focus,
.datepicker table tr td span.active.disabled.active:focus,
.datepicker table tr td span.active.disabled:hover.active:focus,
.datepicker table tr td span.active:active.focus,
.datepicker table tr td span.active:hover:active.focus,
.datepicker table tr td span.active.disabled:active.focus,
.datepicker table tr td span.active.disabled:hover:active.focus,
.datepicker table tr td span.active.active.focus,
.datepicker table tr td span.active:hover.active.focus,
.datepicker table tr td span.active.disabled.active.focus,
.datepicker table tr td span.active.disabled:hover.active.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active:hover.disabled:hover,
.datepicker table tr td span.active.disabled.disabled:hover,
.datepicker table tr td span.active.disabled:hover.disabled:hover,
.datepicker table tr td span.active[disabled]:hover,
.datepicker table tr td span.active:hover[disabled]:hover,
.datepicker table tr td span.active.disabled[disabled]:hover,
.datepicker table tr td span.active.disabled:hover[disabled]:hover,
fieldset[disabled] .datepicker table tr td span.active:hover,
fieldset[disabled] .datepicker table tr td span.active:hover:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active.disabled:focus,
.datepicker table tr td span.active:hover.disabled:focus,
.datepicker table tr td span.active.disabled.disabled:focus,
.datepicker table tr td span.active.disabled:hover.disabled:focus,
.datepicker table tr td span.active[disabled]:focus,
.datepicker table tr td span.active:hover[disabled]:focus,
.datepicker table tr td span.active.disabled[disabled]:focus,
.datepicker table tr td span.active.disabled:hover[disabled]:focus,
fieldset[disabled] .datepicker table tr td span.active:focus,
fieldset[disabled] .datepicker table tr td span.active:hover:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
.datepicker table tr td span.active.disabled.focus,
.datepicker table tr td span.active:hover.disabled.focus,
.datepicker table tr td span.active.disabled.disabled.focus,
.datepicker table tr td span.active.disabled:hover.disabled.focus,
.datepicker table tr td span.active[disabled].focus,
.datepicker table tr td span.active:hover[disabled].focus,
.datepicker table tr td span.active.disabled[disabled].focus,
.datepicker table tr td span.active.disabled:hover[disabled].focus,
fieldset[disabled] .datepicker table tr td span.active.focus,
fieldset[disabled] .datepicker table tr td span.active:hover.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled.focus,
fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #777777;
}
.datepicker .datepicker-switch {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th {
    cursor: pointer;
}
.datepicker .datepicker-switch:hover,
.datepicker .prev:hover,
.datepicker .next:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}
.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-group.date .input-group-addon {
    cursor: pointer;
}
.input-daterange {
    width: 100%;
}
.input-daterange input {
    text-align: center;
}
.input-daterange input:first-child {
    border-radius: 3px 0 0 3px;
}
.input-daterange input:last-child {
    border-radius: 0 3px 3px 0;
}
.input-daterange .input-group-addon {
    width: auto;
    min-width: 16px;
    padding: 4px 5px;
    line-height: 1.42857143;
    text-shadow: 0 1px 0 #fff;
    border-width: 1px 0;
    margin-left: -5px;
    margin-right: -5px;
}
/*# sourceMappingURL=bootstrap-datepicker3.css.map *//*!
 * Timepicker Component for Twitter Bootstrap
 *
 * Copyright 2013 Joris de Wit
 *
 * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */.bootstrap-timepicker{
    position:relative
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu{
    left:auto;
    right:0
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before{
    left:auto;
    right:12px
}
.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after{
    left:auto;
    right:13px
}
.bootstrap-timepicker .input-group-addon{
    cursor:pointer
}
.bootstrap-timepicker .input-group-addon i{
    display:inline-block;
    width:16px;
    height:16px
}
.bootstrap-timepicker-widget.dropdown-menu{
    padding:4px
}
.bootstrap-timepicker-widget.dropdown-menu.open{
    display:inline-block
}
.bootstrap-timepicker-widget.dropdown-menu:before{
    border-bottom:7px solid rgba(0,0,0,0.2);
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    content:"";
    display:inline-block;
    position:absolute
}
.bootstrap-timepicker-widget.dropdown-menu:after{
    border-bottom:6px solid #fff;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    content:"";
    display:inline-block;
    position:absolute
}
.bootstrap-timepicker-widget.timepicker-orient-left:before{
    left:6px
}
.bootstrap-timepicker-widget.timepicker-orient-left:after{
    left:7px
}
.bootstrap-timepicker-widget.timepicker-orient-right:before{
    right:6px
}
.bootstrap-timepicker-widget.timepicker-orient-right:after{
    right:7px
}
.bootstrap-timepicker-widget.timepicker-orient-top:before{
    top:-7px
}
.bootstrap-timepicker-widget.timepicker-orient-top:after{
    top:-6px
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:before{
    bottom:-7px;
    border-bottom:0;
    border-top:7px solid #999
}
.bootstrap-timepicker-widget.timepicker-orient-bottom:after{
    bottom:-6px;
    border-bottom:0;
    border-top:6px solid #fff
}
.bootstrap-timepicker-widget a.btn,.bootstrap-timepicker-widget input{
    border-radius:4px
}
.bootstrap-timepicker-widget table{
    width:100%;
    margin:0
}
.bootstrap-timepicker-widget table td{
    text-align:center;
    height:30px;
    margin:0;
    padding:2px
}
.bootstrap-timepicker-widget table td:not(.separator){
    min-width:30px
}
.bootstrap-timepicker-widget table td span{
    width:100%
}
.bootstrap-timepicker-widget table td a{
    border:1px transparent solid;
    width:100%;
    display:inline-block;
    margin:0;
    padding:8px 0;
    outline:0;
    color:#333
}
.bootstrap-timepicker-widget table td a:hover{
    text-decoration:none;
    background-color:#eee;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border-color:#ddd
}
.bootstrap-timepicker-widget table td a i{
    margin-top:2px;
    font-size:18px
}
.bootstrap-timepicker-widget table td input{
    width:42px;
    margin:0;
    text-align:center;
    padding:4px 6px
}
.bootstrap-timepicker-widget .modal-content{
    padding:4px
}
@media(min-width:767px){
    .bootstrap-timepicker-widget.modal{
        width:200px;
        margin-left:-100px
    }
}
@media(max-width:767px){
    .bootstrap-timepicker{
        width:100%
    }
    .bootstrap-timepicker .dropdown-menu{
        width:100%
    }
}
@-webkit-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-moz-keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@keyframes passing-through{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%, 70%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
    100%{
        opacity:0;
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@-webkit-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-moz-keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@keyframes slide-in{
    0%{
        opacity:0;
        -webkit-transform:translateY(40px);
        -moz-transform:translateY(40px);
        -ms-transform:translateY(40px);
        -o-transform:translateY(40px);
        transform:translateY(40px)
    }
    30%{
        opacity:1;
        -webkit-transform:translateY(0px);
        -moz-transform:translateY(0px);
        -ms-transform:translateY(0px);
        -o-transform:translateY(0px);
        transform:translateY(0px)
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@-moz-keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    10%{
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
    20%{
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
.dropzone,.dropzone *{
    box-sizing:border-box
}
.dropzone{
    min-height:150px;
    border:2px solid rgba(0,0,0,0.3);
    background:white;
    padding:20px 20px
}
.dropzone.dz-clickable{
    cursor:pointer
}
.dropzone.dz-clickable *{
    cursor:default
}
.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{
    cursor:pointer
}
.dropzone.dz-started .dz-message{
    display:none
}
.dropzone.dz-drag-hover{
    border-style:solid
}
.dropzone.dz-drag-hover .dz-message{
    opacity:0.5
}
.dropzone .dz-message{
    text-align:center;
    margin:2em 0
}
.dropzone .dz-preview{
    position:relative;
    display:inline-block;
    vertical-align:top;
    margin:16px;
    min-height:100px
}
.dropzone .dz-preview:hover{
    z-index:1000
}
.dropzone .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone .dz-preview.dz-file-preview .dz-image{
    border-radius:20px;
    background:#999;
    background:linear-gradient(to bottom, #eee, #ddd)
}
.dropzone .dz-preview.dz-file-preview .dz-details{
    opacity:1
}
.dropzone .dz-preview.dz-image-preview{
    background:white
}
.dropzone .dz-preview.dz-image-preview .dz-details{
    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    -ms-transition:opacity 0.2s linear;
    -o-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear
}
.dropzone .dz-preview .dz-remove{
    font-size:14px;
    text-align:center;
    display:block;
    cursor:pointer;
    border:none
}
.dropzone .dz-preview .dz-remove:hover{
    text-decoration:underline
}
.dropzone .dz-preview:hover .dz-details{
    opacity:1
}
.dropzone .dz-preview .dz-details{
    z-index:20;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    font-size:13px;
    min-width:100%;
    max-width:100%;
    padding:2em 1em;
    text-align:center;
    color:rgba(0,0,0,0.9);
    line-height:150%
}
.dropzone .dz-preview .dz-details .dz-size{
    margin-bottom:1em;
    font-size:16px
}
.dropzone .dz-preview .dz-details .dz-filename{
    white-space:nowrap
}
.dropzone .dz-preview .dz-details .dz-filename:hover span{
    border:1px solid rgba(200,200,200,0.8);
    background-color:rgba(255,255,255,0.8)
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover){
    overflow:hidden;
    text-overflow:ellipsis
}
.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{
    border:1px solid transparent
}
.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{
    background-color:rgba(255,255,255,0.4);
    padding:0 0.4em;
    border-radius:3px
}
.dropzone .dz-preview:hover .dz-image img{
    -webkit-transform:scale(1.05, 1.05);
    -moz-transform:scale(1.05, 1.05);
    -ms-transform:scale(1.05, 1.05);
    -o-transform:scale(1.05, 1.05);
    transform:scale(1.05, 1.05);
    -webkit-filter:blur(8px);
    filter:blur(8px)
}
.dropzone .dz-preview .dz-image{
    border-radius:20px;
    overflow:hidden;
    width:120px;
    height:120px;
    position:relative;
    display:block;
    z-index:10
}
.dropzone .dz-preview .dz-image img{
    display:block
}
.dropzone .dz-preview.dz-success .dz-success-mark{
    -webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.dropzone .dz-preview.dz-error .dz-error-mark{
    opacity:1;
    -webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    -o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
    animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)
}
.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{
    pointer-events:none;
    opacity:0;
    z-index:500;
    position:absolute;
    display:block;
    top:50%;
    left:50%;
    margin-left:-27px;
    margin-top:-27px
}
.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{
    display:block;
    width:54px;
    height:54px
}
.dropzone .dz-preview.dz-processing .dz-progress{
    opacity:1;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear
}
.dropzone .dz-preview.dz-complete .dz-progress{
    opacity:0;
    -webkit-transition:opacity 0.4s ease-in;
    -moz-transition:opacity 0.4s ease-in;
    -ms-transition:opacity 0.4s ease-in;
    -o-transition:opacity 0.4s ease-in;
    transition:opacity 0.4s ease-in
}
.dropzone .dz-preview:not(.dz-processing) .dz-progress{
    -webkit-animation:pulse 6s ease infinite;
    -moz-animation:pulse 6s ease infinite;
    -ms-animation:pulse 6s ease infinite;
    -o-animation:pulse 6s ease infinite;
    animation:pulse 6s ease infinite
}
.dropzone .dz-preview .dz-progress{
    opacity:1;
    z-index:1000;
    pointer-events:none;
    position:absolute;
    height:16px;
    left:50%;
    top:50%;
    margin-top:-8px;
    width:80px;
    margin-left:-40px;
    background:rgba(255,255,255,0.9);
    -webkit-transform:scale(1);
    border-radius:8px;
    overflow:hidden
}
.dropzone .dz-preview .dz-progress .dz-upload{
    background:#333;
    background:linear-gradient(to bottom, #666, #444);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:0;
    -webkit-transition:width 300ms ease-in-out;
    -moz-transition:width 300ms ease-in-out;
    -ms-transition:width 300ms ease-in-out;
    -o-transition:width 300ms ease-in-out;
    transition:width 300ms ease-in-out
}
.dropzone .dz-preview.dz-error .dz-error-message{
    display:block
}
.dropzone .dz-preview.dz-error:hover .dz-error-message{
    opacity:1;
    pointer-events:auto
}
.dropzone .dz-preview .dz-error-message{
    pointer-events:none;
    z-index:1000;
    position:absolute;
    display:block;
    display:none;
    opacity:0;
    -webkit-transition:opacity 0.3s ease;
    -moz-transition:opacity 0.3s ease;
    -ms-transition:opacity 0.3s ease;
    -o-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
    border-radius:8px;
    font-size:13px;
    top:130px;
    left:-10px;
    width:140px;
    background:#be2626;
    background:linear-gradient(to bottom, #be2626, #a92222);
    padding:0.5em 1.2em;
    color:white
}
.dropzone .dz-preview .dz-error-message:after{
    content:'';
    position:absolute;
    top:-6px;
    left:64px;
    width:0;
    height:0;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #be2626
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
    margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7;
}

.mfp-arrow-left {
    left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F;
}

.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F;
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000;
}

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444;
}
.mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px;
}
.mfp-figure figure {
    margin: 0;
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
         * Remove all paddings around the image on small screen
         */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}
/*
 * Container style
 */
.ps {
    overflow: hidden !important;
    overflow-anchor: none;
    -ms-overflow-style: none;
    touch-action: auto;
    -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    height: 15px;
    /* there must be 'bottom' or 'top' for ps__rail-x */
    bottom: 0px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__rail-y {
    display: none;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    width: 15px;
    /* there must be 'right' or 'left' for ps__rail-y */
    right: 0;
    /* please don't change 'position' */
    position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
    background-color: #eee;
    opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, height .2s ease-in-out;
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    height: 6px;
    /* there must be 'bottom' for ps__thumb-x */
    bottom: 2px;
    /* please don't change 'position' */
    position: absolute;
}

.ps__thumb-y {
    background-color: #aaa;
    border-radius: 6px;
    transition: background-color .2s linear, width .2s ease-in-out;
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    width: 6px;
    /* please don't change 'position' */
    position: absolute;
}

.ps:not(.ps__rtl) .ps__thumb-y {
    right: 2px;
}

.ps.ps__rtl .ps__thumb-y {
    left: 2px;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
    background-color: #999;
    height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #999;
    width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
    .ps {
        overflow: auto !important;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps {
        overflow: auto !important;
    }
}
.awesomplete [hidden] {
    display: none;
}

.awesomplete .visually-hidden {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.awesomplete {
    display: inline-block;
    position: relative;
}

.awesomplete > input {
    display: block;
}

.awesomplete > ul {
    position: absolute;
    left: 0;
    z-index: 1;
    min-width: 100%;
    box-sizing: border-box;
    list-style: none;
    padding: 0;
    margin: 0;
    background: #fff;
}

.awesomplete > ul:empty {
    display: none;
}

.awesomplete > ul {
    border-radius: .3em;
    margin: .2em 0 0;
    background: hsla(0,0%,100%,.9);
    background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));
    border: 1px solid rgba(0,0,0,.3);
    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
    text-shadow: none;
}

@supports (transform: scale(0)) {
    .awesomplete > ul {
        transition: .3s cubic-bezier(.4,.2,.5,1.4);
        transform-origin: 1.43em -.43em;
    }

    .awesomplete > ul[hidden],
    .awesomplete > ul:empty {
        opacity: 0;
        transform: scale(0);
        display: block;
        transition-timing-function: ease;
    }
}

/* Pointer */
.awesomplete > ul:before {
    content: "";
    position: absolute;
    top: -.43em;
    left: 1em;
    width: 0;
    height: 0;
    padding: .4em;
    background: white;
    border: inherit;
    border-right: 0;
    border-bottom: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.awesomplete > ul > li {
    position: relative;
    padding: .2em .5em;
    cursor: pointer;
}

.awesomplete > ul > li:hover {
    background: hsl(200, 40%, 80%);
    color: black;
}

.awesomplete > ul > li[aria-selected="true"] {
    background: hsl(205, 40%, 40%);
    color: white;
}

.awesomplete mark {
    background: hsl(65, 100%, 50%);
}

.awesomplete li:hover mark {
    background: hsl(68, 100%, 41%);
}

.awesomplete li[aria-selected="true"] mark {
    background: hsl(86, 100%, 21%);
    color: inherit;
}
.atwho-view{
    position:absolute;
    top:0;
    left:0;
    display:none;
    margin-top:18px;
    background:#fff;
    color:#000;
    border:1px solid #DDD;
    border-radius:3px;
    box-shadow:0 0 5px rgba(0,0,0,.1);
    min-width:120px;
    z-index:11110!important
}
.atwho-view .atwho-header{
    padding:5px;
    margin:5px;
    cursor:pointer;
    border-bottom:solid 1px #eaeff1;
    color:#6f8092;
    font-size:11px;
    font-weight:700
}
.atwho-view .atwho-header .small{
    color:#6f8092;
    float:right;
    padding-top:2px;
    margin-right:-5px;
    font-size:12px;
    font-weight:400
}
.atwho-view .atwho-header:hover{
    cursor:default
}
.atwho-view .cur{
    background:#36F;
    color:#fff
}
.atwho-view .cur small{
    color:#fff
}
.atwho-view strong{
    color:#36F
}
.atwho-view .cur strong{
    color:#fff;
    font:700
}
.atwho-view ul{
    list-style:none;
    padding:0;
    margin:auto;
    max-height:200px;
    overflow-y:auto
}
.atwho-view ul li{
    display:block;
    padding:5px 10px;
    border-bottom:1px solid #DDD;
    cursor:pointer
}
.atwho-view small{
    font-size:smaller;
    color:#777;
    font-weight:400
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('fonts/opensans/opensans-light.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url('fonts/opensans/opensans.woff') format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans/opensans-bold.woff') format('woff');
}
html,body{
    background-color:#e5e9ec;
    color:#4e5e6a;
    font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:13px;
    -webkit-font-smoothing:antialiased;
    height:100%;
    overflow:hidden;
    overflow-x:hidden
}
h1,h2,h3,h4{
    font-weight:400
}
h1,h2,h3{
    margin-top:10px
}
h5{
    font-weight:700
}
blockquote{
    background:rgba(242,242,242,0.42);
    font-size:100%;
    margin:0
}
pre{
    border:none;
    border-radius:0;
    margin:0
}
.invisible{
    visibility:hidden
}
.navbar-default{
    background-color:#fff;
    box-shadow:0 2px 2px rgba(0,0,0,0.05),0 1px 0 rgba(0,0,0,0.05);
    border-bottom:0
}
.navbar-default .navbar-nav>li>a{
    color:#4e5e6a
}
.navbar-brand{
    padding:5px 15px;
    width:190px;
    margin-right:10px;
    overflow:hidden
}
.navbar-toggle{
    color:#1d2632;
    border:none;
    padding:8px 13px;
    margin-right:10px
}
.navbar-toggle:hover,.navbar-toggle:focus{
    background-color:#f2f4f6!important
}
.navbar-nav>.open>a,.navbar-nav>.open>a:hover,.navbar-nav>.open>a:focus{
    background-color:#f2f4f6!important
}
.signin-box{
    max-width:450px;
    margin:5% auto
}
.signin-box .form-control{
    height:auto;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
.signin-box .input-group-addon{
    padding:6px 15px
}
a{
    color:#29689e
}
a:hover,a:active,a:focus{
    text-decoration:none
}
a:active{
    outline:none
}
a:focus,.btn:focus{
    outline:none
}
a.dark{
    color:#4e5e6a
}
a.dark:hover{
    color:#000
}
.strong{
    font-weight:700
}
#content{
    margin-top: 50px!important;
    height:100%
}
.page-title{
    background:#fff;
    border-bottom:1px solid rgba(221,230,233,0.48);
    color:#444
}
.page-title h1{
    font-size:20px;
    margin:0;
    padding:15px 16px;
    float:left
}
.page-title h4{
    padding:7px 16px;
    float:left
}
.page-title .btn{
    margin:10px 5px
}
.page-title .title-button-group{
    float:right;
    margin:0 15px
}
.border-circle{
    border-radius:50%!important
}
.uppercase{
    text-transform:uppercase
}
.strong{
    font-weight:700
}
.m0{
    margin:0!important
}
.m5{
    margin:5px
}
.mt5{
    margin-top:5px
}
.m10{
    margin:10px
}
.m15{
    margin:15px
}
.m20{
    margin:20px
}
.ml15{
    margin-left:15px!important
}
.mt15{
    margin-top:15px
}
.mt20{
    margin-top:20px
}
.mr15{
    margin-right:15px!important
}
.mb15{
    margin-bottom:15px
}
.mb20{
    margin-bottom:20px
}
.ml10{
    margin-left:10px!important
}
.mr10{
    margin-right:10px
}
.mr-1{
    margin-right:-1px!important
}
.ml-1{
    margin-left:-1px!important
}
.mb0{
    margin-bottom:0!important
}
.mt50{
    margin-top:50px!important
}
.mt0{
    margin-top:0!important
}
.mt-5{
    margin-top:-5px
}
.mt-50{
    margin-top:-50px
}
.p0{
    padding:0!important
}
.p5{
    padding:5px
}
.p10{
    padding:10px
}
.p15{
    padding:15px
}
.p20{
    padding:20px!important
}
.p30{
    padding:30px
}
.pb10{
    padding-bottom:10px
}
.pb5{
    padding-bottom:5px
}
.pb0{
    padding-bottom:0!important
}
.pl10{
    padding-left:10px
}
.pl15{
    padding-left:15px
}
.pr10{
    padding-right:10px
}
.pr15{
    padding-right:15px
}
.pt10{
    padding-top:10px
}
.pt5{
    padding-top:5px!important
}
.pt0{
    padding-top:0!important
}
.w25{
    width:25px
}
.w50{
    width:50px
}
.w80{
    width:80px
}
.w100{
    width:100px
}
.w125{
    width:125px
}
.w150{
    width:150px
}
.w200{
    width:200px
}
.w250{
    width:250px
}
.w300{
    width:300px
}
.min-w150{
    min-width:150px
}
.w5p{
    width:5%
}
.w10p{
    width:10%
}
.w15p{
    width:15%
}
.w20p{
    width:20%
}
.w25p{
    width:25%
}
.w30p{
    width:30%
}
.w50p{
    width:50%
}
.w60p{
    width:60%
}
.w70p{
    width:70%
}
.w80p{
    width:80%
}
.w90p{
    width:90%
}
.w100p{
    width:100%!important
}
.max-w500{
    max-width:500px
}
.h100p{
    height:100%
}
.avatar{
    display:inline-block;
    white-space:nowrap
}
.avatar-lg{
    width:125px;
    height:125px
}
.avatar-md{
    width:80px;
    height:80px
}
.avatar-sm{
    width:50px;
    height:50px
}
.avatar-xs{
    width:30px;
    height:30px
}
.avatar img{
    height:auto;
    max-width:100%;
    border-radius:50%
}
i.online{
    height:8px;
    width:8px;
    background:#42b72a;
    border-radius:50%;
    display:inline-block;
    position:relative
}
.avatar i.online{
    margin-left:-8px;
    top:-5px
}
.box{
    display:table;
    table-layout:fixed;
    border-spacing:0;
    width:100%
}
.box-content{
    display:table-cell;
    vertical-align:top;
    height:100%;
    float:none;
    overflow-x:hidden
}
.box.fit .box-content{
    width:100%
}
.clickable{
    cursor:pointer
}
.not-clickable{
    cursor:default!important
}
.inline-block{
    display:inline-block
}
.block{
    display:block
}
#sidebar-toggle-md{
    padding:15px 0;
    font-size:14px;
    border:none;
    outline:none;
    background-color:transparent
}
#sidebar{
    width:200px;
    background:#1d2632;
    height:100%;
    font-size:14px;
    font-weight:400
}
#sidebar.collapsed{
    width:65px
}
.collapsed #sidebar-datetime{
    display:none
}
.collapsed #sidebar-time{
    display:block
}
#sidebar-menu{
    list-style:none;
    margin:0;
    padding:0;
    margin-bottom:20px
}
#sidebar-menu li{
    position:relative;
    margin:0
}
#sidebar-menu li i{
    position:relative;
    font-size:15px;
    margin-right:10px
}
#sidebar-menu li a{
    text-decoration:none;
    position:relative;
    display:block;
    padding:10px 20px 12px;
    color:#7988a2;
    z-index:2;
    -moz-transition:color 250ms ease-in-out,background-color 250ms ease-in-out;
    -o-transition:color 250ms ease-in-out,background-color 250ms ease-in-out;
    -webkit-transition:color 250ms ease-in-out,background-color 250ms ease-in-out;
    transition:color 250ms ease-in-out,background-color 250ms ease-in-out
}
#sidebar-menu li a i{
    top:1px;
    display:inline-block
}
#sidebar-menu li a span{
    -moz-transition:350ms opacity ease-in-out;
    -o-transition:350ms opacity ease-in-out;
    -webkit-transition:350ms opacity ease-in-out;
    transition:350ms opacity ease-in-out
}
#sidebar-menu li a:hover{
    background-color:#141C27;
    color:#97b3c7
}
#sidebar-menu li a .badge{
    position:relative;
    float:right;
    font-size:11px;
    line-height:1.3
}
#sidebar-menu li a .badge.badge-primary{
    top:-1px
}
#sidebar-menu > li.active > a{
    border-left:2px solid #00b393;
    background-color:#141C27;
    color:#fff
}
#sidebar-menu > li > ul> .active > a{
    border-left:2px solid #00b393;
    background-color:#141C27
}
#sidebar-menu > li > ul> .active > a .dot{
    border-left:3px solid #7988a2;
    visibility:hidden;
    margin-left:-5px
}
#sidebar-menu > li > ul > li > a:hover{
    background-color:#141C27;
    color:#7988a2
}
#sidebar-menu li.expand > a:before{
    position:relative;
    content:'\f105';
    display:inline-block;
    font-family:'FontAwesome';
    color:#7988a2;
    float:right;
    font-size:11px;
    margin-left:15px;
    top:0;
    -webkit-transition:all 300ms;
    transition:all 300ms
}
#sidebar-menu li.expand.open > a:before{
    content:'\f107'
}
#sidebar-menu li ul{
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
    max-height:0;
    overflow:hidden;
    z-index:1;
    -webkit-transition:max-height 300ms ease;
    -moz-transition:max-height 300ms ease;
    -o-transition:max-height 300ms ease;
    transition:max-height 300ms ease
}
#sidebar-menu li ul.visible{
    display:block
}
#sidebar-menu li ul > li > a{
    background-color:#141c27;
    padding-left:25px;
    font-weight:400;
    font-size:13px
}
#sidebar-menu li ul > li > a:hover{
    color:#fff
}
#sidebar-menu .dot{
    font-size:5px;
    top:-2px;
    margin-right:10px
}
#sidebar-menu .expand.open ul{
    max-height:1000px
}
.collapsed #sidebar-menu > li.expand > a:before{
    display:none
}
.collapsed #sidebar-menu > li > a{
    position:relative
}
.collapsed #sidebar-menu > li > a > span:not(.badge){
    display:block;
    position:absolute;
    top:0;
    left:65px;
    margin-top:-1px;
    padding:10px 10px 14px;
    background:#141c27;
    width:200px;
    visibility:hidden;
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
    background-clip:padding-box;
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0)
}
.collapsed #sidebar-menu > li > a span{
    -moz-transition:none;
    -o-transition:none;
    -webkit-transition:none;
    transition:none
}
.collapsed #sidebar-menu > li > a span.badge{
    position:absolute;
    right:-240px;
    top:10px;
    display:none
}
.collapsed #sidebar-menu > li > ul{
    display:block;
    visibility:hidden;
    position:absolute;
    height:0;
    top:auto;
    left:65px;
    width:200px;
    -webkit-border-radius:0 0 3px 0;
    -moz-border-radius:0 0 3px;
    border-radius:0 0 3px 0;
    background-clip:padding-box;
    -webkit-opacity:0;
    -moz-opacity:0;
    opacity:0;
    filter:alpha(opacity=0)
}
.collapsed #sidebar-menu > li > ul > li > a span.badge{
    display:none
}
.collapsed #sidebar-menu > li > ul li a{
    padding-left:10px
}
.collapsed #sidebar-menu > li > ul li a:hover{
    background:#262b34
}
#sidebar-menu li:hover{
    background-color:#141c27
}
#sidebar-menu .devider{
    border-bottom:1px solid #141c27
}
.collapsed #sidebar-menu > li > ul li li a{
    padding-left:25px
}
.collapsed #sidebar-menu > li > ul li li li a{
    padding-left:40px
}
.collapsed #sidebar-menu > li.expand:hover.expand > a > span:not(.badge),.collapsed #sidebar-menu > li:hover.expand > a > span:not(.badge){
    -webkit-border-radius:0 3px 0 0;
    -moz-border-radius:0 3px 0 0;
    border-radius:0 3px 0 0;
    background-clip:padding-box
}
.collapsed #sidebar-menu > li.expand:hover > ul,.collapsed #sidebar-menu > li:hover > ul{
    max-height:1000px;
    height:auto
}
.collapsed #sidebar-menu > li.expand:hover > a > span,.collapsed #sidebar-menu > li:hover > a > span{
    visibility:visible;
    -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
    filter:alpha(opacity=100)
}
.collapsed #sidebar-menu > li.expand:hover a span.badge,.collapsed #sidebar-menu > li:hover a span.badge{
    display:block
}
.collapsed #sidebar-menu > li.expand:hover > ul,.collapsed #sidebar-menu > li:hover > ul{
    visibility:visible;
    -webkit-opacity:1;
    -moz-opacity:1;
    opacity:1;
    filter:alpha(opacity=100)
}
#sidebar-menu .badge{
    background-color:#1672b9
}
.navbar-right i{
    font-size:15px
}
.badge.up{
    position:relative;
    top:-10px;
    padding:3px 6px;
    margin-left:-10px
}
.btn{
    border-radius:2px;
    transition:all .5s
}
.btn:focus,.btn:active{
    outline:none!important
}
.btn-default,.btn-default:focus,.btn-default.active,.open>.dropdown-toggle.btn-default{
    border-color:#e2e4e7!important
}
.btn-default:hover
.btn-default:focus{
    border-color:#e2e7f1
}
.btn-primary{
    border:none;
    background-color:#428bca
}
.btn-primary:hover,.btn-primary:focus{
    background-color:#1377cd
}
.btn-info{
    background-color:#1ccacc;
    border:none
}
.btn.active,.btn.active:focus{
    box-shadow:none;
    background:#f1f1f5;
    cursor:default;
    outline:none
}
.filter .btn-default:hover{
    background:#fff
}
.filter .btn-default.active:hover{
    background:#f1f1f5
}
.btn.round{
    border-radius:50px
}
.btn-transparent{
    background-color:transparent;
    border:2px solid #fff;
    color:#fff
}
.btn-transparent:hover{
    background-color:#fff
}
.load-more{
    position:relative;
    border:none;
    width:100%;
    border-radius:50px
}
.b-a{
    border:1px solid #f2f4f6!important
}
.b-t{
    border-top:1px solid #f2f4f6
}
.b-r{
    border-right:1px solid #f2f4f6
}
.b-b{
    border-bottom:1px solid #f2f4f6
}
.b-l{
    border-left:1px solid #f2f4f6
}
.b-turquoise{
    border-color:#00b393!important
}
.b-bold{
    border-width:2px
}
.b-water{
    border-color:rgba(255,255,255,0.2)!important
}
.no-border{
    border:none!important
}
.b-white{
    border-color:#fff!important
}
.b-silver{
    border-color:#e2e4e7!important
}
.font-11{
    font-size:11px!important
}
.font-14{
    font-size:14px!important
}
.font-16{
    font-size:16px!important
}
.font-18{
    font-size:18px!important
}
.font-20{
    font-size:20px!important
}
.font-22{
    font-size:22px!important
}
.font-100p{
    font-size:100%!important
}
.panel{
    border-radius:0;
    transition:all 1s;
    border:none
}
.panel-default{
    border-color:#f2f4f6
}
.panel-heading{
    border-radius:0
}
.panel-default>.panel-heading{
    background-color:#fff;
    color:inherit;
    font-weight:700;
    border-color:#eef6f9
}
.panel-info>.panel-heading{
    background-color:#1ccacc;
    color:#fff;
    font-weight:700;
    border-color:#1ccacc
}
.panel-footer{
    background-color:#f2f4f6;
    border-top:1px solid #fff;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0
}
.panel-primary{
    background-color:#1672B9;
    color:#fff
}
.panel-success{
    background-color:#00b393;
    color:#fff
}
.panel-info{
    background-color:#20C5CB;
    color:#fff
}
.panel-info .btn{
    color:#20C5CB
}
.panel-sky{
    background-color:#35A7D6;
    color:#fff
}
.panel-coral{
    background-color:#F06C71;
    color:#fff
}
.panel-coral .btn{
    color:#F06C71
}
.no-boxshadow{
    box-shadow:none!important
}
.widget-icon{
    float:left;
    font-size:80px;
    min-height:80px;
    line-height:35px;
    opacity:.5
}
.widget-details{
    text-align:right;
    position:absolute;
    right:15px;
    padding-right:15px
}
.cover-widget h1{
    margin:0
}
.cover-widget .b-t,.cover-widget .b-r{
    border-color:rgba(0,0,0,0.1)
}
.bg-danger{
    background-color:#f05050!important;
    color:#fff
}
.bg-white{
    background:#fff!important
}
.bg-off-white{
    background:#f2f4f6
}
.bg-info{
    background-color:#1ccacc;
    color:#bef5f6
}
.bg-primary{
    background-color:#1672b9;
    color:#fff
}
.bg-success{
    background:#009688;
    color:#fff
}
.bg-dark-success{
    background-color:#1672b9;
    color:#fff
}
.text-off{
    opacity:.6
}
.white-link,.white-link:hover{
    color:#fff
}
.color-sky{
    color:#2FB6F0!important
}
.color-plum{
    color:#7266BA!important
}
label{
    font-weight:400
}
.general-form .form-group:before,.general-form .form-group:after{
    content:"";
    display:table;
    line-height:0
}
.general-form .form-group:after{
    clear:both
}
.general-form textarea{
    height:75px
}
.general-form .select2{
    width:100%
}
.general-form .mini{
    max-width:200px
}
.general-form .form-control{
    border-radius:2px;
    border-color:#f6f8f9;
    background-color:#f6f8f9;
    box-shadow:none;
    transition:background .5s
}
.general-form.white .form-control{
    border-color:#fff;
    background-color:#fff
}
.general-form.white label{
    margin-top:5px
}
.general-form.white .select2-container .select2-choice{
    background-color:#fff!important
}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline,.has-error.radio label,.has-error.checkbox label,.has-error.radio-inline label,.has-error.checkbox-inline label{
    box-shadow:none;
    color:#ec5855
}
.general-form .has-error .form-control{
    box-shadow:none;
    color:#ec5855
}
.general-form .form-control.white{
    background-color:#fff
}
.general-form .form-control:focus,.general-form .form-control.white:focus{
    border-color:#ebeff2;
    background-color:#ebeff2
}
.general-form .input-group-addon{
    border-color:#f6f8f9;
    background:#f7f9fa;
    border-radius:2px
}
.form-control:focus{
    box-shadow:none
}
.file-upload{
    position:relative;
    overflow:hidden;
    margin:10px
}
.file-upload input.upload{
    position:absolute;
    top:0;
    right:0;
    margin:0;
    padding:0;
    font-size:20px;
    cursor:pointer;
    opacity:0;
    filter:alpha(opacity=0)
}
.dashed-row .form-group{
    border-bottom:1px dashed #e2e4e8;
    padding-bottom:15px
}
.dashed-row .form-group:last-child{
    border-bottom:none;
    padding-bottom:0
}
.dashed-row .bd{
    border-bottom:1px dotted #e2e4e8
}
.select2-with-searchbox{
    padding-bottom:5px
}
.editable-container .select2-container{
    min-width:110px
}
.editable-click,a.editable-click,a.editable-click:hover{
    border-bottom-color:transparent
}
table.dataTable{
    border-collapse:collapse;
    box-sizing:border-box
}
.dataTable td:hover{
    background:#f2f4f6
}
.dataTable tbody tr:hover td{
    background:#f2f4f6!important
}
.dataTable.no-hover tr:hover td,.dataTable.no-hover tbody tr:hover{
    background:transparent!important
}
.dataTable tbody tr.active td,.dataTable tbody tr.active:hover td{
    background:#00b393!important;
    color:#fff!important;
    cursor:default
}
.dataTable tbody tr.active .label{
    color:#00b393;
    background:#fff
}
.dataTable tbody tr.active a.link{
    color:#fff
}
.dataTable tbody tr:hover td{
    background:#f2f4f6
}
table.dataTable thead th{
    border:1px solid #f2f2f2;
    padding:15px 10px
}
table.dataTable thead td{
    border:1px solid #f2f2f2;
    padding:10px
}
table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{
    background-color:#fff
}
table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td,table.dataTable.display tfoot th,table.dataTable.display tfoot td{
    border:1px solid #f2f2f2;
    background-color:#fff
}
table.dataTable.no-footer{
    border-bottom:1px solid #f2f2f2
}
table.dataTable.b-b-only tbody th,table.dataTable.b-b-only tbody td{
    border:none;
    border-bottom:1px solid #f2f2f2
}
.datatable-tools{
    margin:15px 0
}
.datatable-export a{
    display:inline-block;
    box-shadow:none!important;
    border:1px solid #e2e4e7;
    font-size:14px;
    margin:0 -2px;
    padding:6px 10px;
    color:#4e5e6a
}
.datatable-export a:hover{
    background:#f2f2f2
}
table.dataTable tfoot th,table.dataTable tfoot td{
    padding:10px
}
button.DTTT_button,div.DTTT_button,a.DTTT_button,a.DTTT_button:focus{
    background:#fff;
    border-color:#e2e7f1!important;
    text-decoration:none
}
a.DTTT_button:hover{
    background:#f2f2f2
}
div.DTTT_container{
    margin-bottom:15px
}
table.dataTable thead .sorting{
    background-image:none
}
.dataTables_empty{
    padding:15px 10px!important
}
.dataTables_filter{
    margin:0 0 10px 10px
}
.dataTables_filter input,.datatable-search,.custom-filter-search{
    border-radius:2px;
    border:1px solid #e2e7f1;
    box-shadow:none;
    padding:7px 10px;
    outline:none;
    font-weight:400;
    background:url(../images/search.png) no-repeat 96% 45% #fff;
    width:200px;
    transition:all .5s
}
.dataTables_filter input:focus,.datatable-search:focus,.custom-filter-search:focus{
    border-color:#ebeff2;
    background-color:#ebeff2
}
.dataTables_wrapper .dataTables_paginate .paginate_button{
    background:#fff!important;
    margin:0 0 0 -1px;
    border:1px solid #f2f2f2!important;
    border-radius:2px
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,.dataTables_wrapper .dataTables_paginate .paginate_button:focus{
    background:#f2f4f6!important;
    border:1px solid #e2e7f1!important;
    color:#414244!important;
    outline:none;
    box-shadow:none
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    background:#f1f1f5!important;
    color:#000!important;
    border-color:#e2e4e7!important;
    cursor:default;
    border-radius:0
}
.dataTables_info{
    color:#c1c4c6!important
}
.dataTables_wrapper .dataTables_processing{
    height:60px
}
.custom-toolbar .select2-container .select2-choice{
    background-color:#fff!important
}
table.dataTable thead th:first-child,table.dataTable tbody td:first-child{
    padding-left:15px
}
#message-table td:first-child{
    padding-left:0
}
.no-thead thead{
    display:none
}
td .progress{
    box-shadow:none!important;
    height:8px;
    margin:10px
}
td:hover .progress{
    background-color:#fff
}
table.dataTable.no-padding td{
    padding:0
}
.dataTable .label{
    display:inline-block;
    padding:4px 5px;
    margin-bottom:2px
}
.filter-multi-select.open,.filter-multi-select:focus,.filter-multi-select:active,.dropdown-toggle{
    border-color:#f2f4f6!important
}
.custom-toolbar .dropdown-toggle{
    background-color:#fff!important
}
.filter-multi-select .dropdown-menu{
    padding:4px
}
.filter-multi-select .list-group-item{
    padding:6px 10px;
    border-top:none!important;
    border-left:none!important;
    border-right:none!important;
    border-bottom:2px solid #fff!important
}
.filter-multi-select .list-group-item:not(.active):hover{
    background-color:#f2f2f2
}
.filter-multi-select .caret{
    color:#888
}
.dt-print-view{
    overflow:auto!important;
    height:auto!important;
    background-color:#fff!important
}
.dt-print-view h1{
    text-align:center
}
.table-responsive{
    width:100%;
    max-width:100%;
    border:none!important
}
td.option a,.dtr-details .edit,.dtr-details .delete,.select-member-field a.delete,.send-invitation-form .delete,.calendar-ids-form .delete-post-dropzone{
    cursor:pointer;
    min-width:28px;
    background:#fff;
    color:#a1a3a5;
    border-radius:50%;
    display:inline-block;
    position:relative;
    vertical-align:central;
    text-align:center;
    margin:0 5px;
    padding:4px 0;
    border:1px solid #e2e7f1
}
tr.child ul.dtr-details>li{
    display:table;
    width:100%
}
.dtr-title{
    display:table-cell;
    padding:.5em 0
}
.dtr-data{
    display:table-cell;
    text-align:right;
    padding:.5em 0
}
td.option a:hover{
    background:#2ac2d4;
    color:#fff;
    border:1px solid #2ac2d4
}
td.dropdown-option button{
    cursor:pointer;
    min-width:28px;
    background:#fff;
    color:#a1a3a5;
    display:inline-block;
    position:relative;
    vertical-align:central;
    text-align:center;
    border:1px solid #e2e7f1;
    transition:.2s;
    padding:5px 9px
}
td.dropdown-option button:hover{
    background:#2ac2d4;
    color:#fff;
    border:1px solid #2ac2d4
}
td.option a.delete:hover,.select-member-field a.delete:hover,.send-invitation-form .delete:hover,.calendar-ids-form .delete-post-dropzone:hover{
    background:#d9534f;
    color:#fff;
    border:1px solid #d9534f
}
.table-responsive th:first-child,.table-responsive td:first-child{
    border-left:none!important
}
.table-responsive th:last-child,.table-responsive td:last-child{
    border-right:none!important
}
.checkbox-blank{
    background:url(../images/checkbox.png) no-repeat center center;
    width:20px;
    height:20px;
    margin:0 15px 0 0;
    display:inline-block;
    float:left
}
.checkbox-blank:hover{
    background-color:#fff
}
.checkbox-checked{
    background:url(../images/check_mark.png) no-repeat center center;
    width:20px;
    height:20px;
    margin:0 15px 0 0;
    display:inline-block;
    float:left
}
.checkbox-un-checked{
    background:url(../images/checkbox-un-checked.png) no-repeat center center;
    width:20px;
    height:20px;
    margin:0 15px 0 0;
    display:inline-block;
    float:left
}
.modal-content{
    border-radius:0;
    border:1px solid #aaa;
    box-shadow:0 5px 15px rgba(0,0,0,.2)
}
.modal-backdrop.in{
    filter:alpha(opacity=20);
    opacity:.2
}
.modal-dialog{
    -webkit-transition:width 500ms ease;
    -moz-transition:width 500ms ease;
    -o-transition:width 500ms ease;
    transition:width 500ms ease
}
.mini-modal{
    width:300px!important
}
body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{
    margin-right:0!important
}
.modal-header{
    border-bottom:1px solid #f6f8f9
}
.modal-footer{
    border-top:1px solid #f6f8f9;
    padding:15px 30px
}
.close{
    font-size:25px;
    font-weight:400
}
.draggable{
    cursor:move
}
.bootstrap-timepicker-widget{
    z-index:1050
}
.modal-mask{
    position:relative;
    top:0;
    left:0;
    background-color:#fff
}
.circle-done{
    margin:10px auto;
    width:80px;
    height:80px;
    border-radius:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:solid 5px rgba(220,230,235,0.5);
    text-align:center;
    font-size:40px;
    padding:10px;
    color:#25ccce
}
.circle-done i{
    display:inline-block;
    max-width:0;
    overflow:hidden
}
.circle-done.ok i{
    max-width:80%;
    -webkit-transition:max-width 1000ms ease;
    -moz-transition:max-width 1000ms ease;
    -o-transition:max-width 1000ms ease;
    transition:max-width 1000ms ease
}
.social-link{
    width:35px;
    height:35px;
    margin:0 10px 10px 0;
    padding:5px 0;
    text-align:center;
    font-size:20px;
    border-radius:50%;
    color:#fff;
    background-color:transparent;
    border:2px solid #fff;
    transition:all 300ms ease
}
.social-link:focus{
    color:#fff
}
.social-link,.social-link:hover,.social-link:active,.social-link:focus{
    text-decoration:none
}
.social-link:hover{
    color:rgba(0,0,0,0.5);
    background-color:#fff
}
.alert{
    border:0
}
.alert .progress{
    background-color:transparent;
    box-shadow:none!important;
    height:3px;
    border-radius:0;
    margin:19px 0 -15px -15px
}
.alert .progress-bar{
    box-shadow:none!important;
    background-color:rgba(0,0,0,0.3)
}
.app-alert-message{
    display:inline-block;
    margin-right:5px;
    max-width:350px;
    min-width:165px
}
.app-alert.animate{
    bottom:0;
    position:fixed;
    z-index:100;
    border-radius:2px;
    box-shadow:0 2px 1px rgba(0,0,0,0.1);
    opacity:.25;
    right:-350px
}
.app-alert.alert-info{
    background-color:#20c5cb;
    color:#fff
}
.app-alert.alert-success{
    background-color:#00b393;
    color:#fff
}
.app-alert.alert-danger{
    background-color:#f06c71;
    color:#fff
}
.app-alert.alert-warning{
    background-color:#f0ad4e;
    color:#fff
}
.app-alert a{
    color:#444
}
.alert-warning{
    background-color:#fff2cc
}
.progress.thin{
    height:3px
}
.form-widget{
    margin-bottom:25px
}
.widget-title{
    padding:10px 0
}
.form-widget .progress{
    height:5px
}
.color-tag{
    display:inline-block;
    width:15px;
    height:15px;
    margin:2px 10px 0 0;
    transition:all 300ms ease;
    -moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s
}
.color-tag.clickable:hover{
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.color-tag.active{
    border-radius:50%
}
.text-danger{
    color:#d9534f
}
.text-warning{
    color:#f0ad4e
}
.message-row{
    padding:8px 15px
}
.unread{
    border-left:3px solid #337ab7
}
.message-row.unread strong,.message-row.unread span{
    color:#337ab7
}
.message-button-list{
    width:150px;
    padding-left:10px
}
.message-button-list .list-group .list-group-item{
    border-radius:0!important;
    border:none!important;
    background:transparent;
    color:#4e5e6a
}
.message-button-list .list-group-item:hover,.message-button-list .list-group-item.active{
    background:rgba(0,0,0,0.02)
}
.chart-circle canvas{
    border-radius:50%;
    background:#fff
}
.chart-circle .chart-label{
    position:absolute;
    z-index:1;
    text-align:center
}
.nav-tabs{
    background:#f2f4f6;
    border-bottom:1px solid #f2f2f2
}
.nav-tabs>li>a{
    padding:15px;
    margin-right:0;
    border-radius:0;
    color:inherit
}
.nav-tabs>li>a:hover{
    background:transparent;
    border-color:transparent;
    color:#009688
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:active,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
    border:none;
    color:#009688;
    background:transparent;
    border-bottom:2px solid #00b393;
    border-radius:0
}
.nav-tabs.classic{
    margin-bottom:15px
}
.nav-tabs.title li a{
    padding:20px 15px
}
.nav-tabs .tab-title .title-button-group{
    margin:5px 10px
}
.nav-tabs.vertical{
    background-color:transparent
}
.nav-tabs.vertical li{
    float:none
}
.nav-tabs>li:not(.title-tab):after{
    display:block;
    background-color:#00b393;
    content:"";
    left:0;
    bottom:0;
    width:0;
    height:2px;
    position:absolute;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.nav-tabs>li:not(.active):hover:after{
    width:100%
}
.tab-title{
    border-bottom:1px solid #e5e9ec
}
.tab-title h4{
    margin:2px 0 0;
    padding:15px;
    float:left
}
.tab-title .btn{
    margin:7px 5px
}
.tab-title .title-button-group{
    float:right;
    margin:0 10px
}
ins{
    color:#00b393;
    text-decoration:none
}
.fc-button{
    border-radius:2px!important;
    border-color:#e2e7f1!important;
    background:#fff!important;
    height:auto!important;
    padding:5px 10px!important
}
.fc-button:focus{
    outline:none
}
.fc-state-active{
    background-color:#f2f2f2!important;
    box-shadow:none!important
}
.fc-event{
    border-radius:0!important
}
.fc-content{
    cursor:pointer
}
.fc-day-grid-event .fc-time{
    display:none
}
.fc-content{
    padding:5px
}
.dropzone{
    border:1px dashed #ccc!important
}
.dropzone.dz-drag-hover{
    background-color:rgba(0,0,0,0.02)
}
.dropzone .dz-image{
    background:#eee;
    border-radius:2px!important
}
.dz-started{
    padding:0!important
}
.upload-thumbnail-sm{
    height:80px;
    width:80px;
    border:none!important;
    background:url(../images/filepreview.jpg) #eee no-repeat center center;
    outline:none
}
.upload-progress-sm{
    height:80px;
    width:80px;
    height:10px;
    border-radius:0
}
#pre-loader{
    position:fixed;
    width:100%;
    height:100%;
    background-color:#e5e9ec;
    z-index:10
}
.circle-loader{
    margin:10px auto;
    width:80px;
    height:80px;
    border-radius:40px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:solid 2px rgba(220,230,235,0.5);
    border-top-color:#25ccce;
    animation:spin 1s infinite linear;
    -webkit-animation:spin 1s infinite linear
}
.app-loader{
    width:70px;
    height:70px;
    margin:30px auto;
    position:absolute;
    bottom:10px;
    right:20px;
    padding:10px;
    border-radius:50%;
    background:rgba(250,250,255,0.6)
}
.app-loader .loading,.table-loader .loading{
    width:50px;
    height:50px;
    border-radius:50%;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border:solid 2px rgba(0,179,147,0.94);
    border-top-color:#fff;
    animation:spin 1s infinite linear;
    -webkit-animation:spin 1s infinite linear;
    display:inline-block
}
.form-group .app-loader{
    margin:-12px auto;
    width:50px;
    height:50px;
    left:45%
}
.form-group .app-loader .loading{
    width:30px;
    height:30px
}
#pre-loader .app-loader{
    bottom:50%;
    right:53%
}
.ani-width{
    transition:width 50ms
}
.ani-rotate-180:hover{
    transform:rotate(180deg);
    transition:all 300ms ease-out 0
}
@keyframes spin{
    100%{
        transform:rotate(360deg)
    }
}
@-webkit-keyframes spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
.inline-loader{
    background-image:url(../images/loader.gif);
    background-repeat:no-repeat;
    background-position:center center;
    color:transparent!important;
    transition:none
}
.inline-loader:hover{
    color:transparent!important
}
.post-dropzone{
    background:#fff
}
.post-dropzone.dz-drag-hover{
    border:1px dashed #337ab7
}
.post-dropzone.dz-drag-hover *{
    opacity:.2
}
.post-dropzone .preview:hover img{
    opacity:.2
}
.post-dropzone .delete{
    width:24px;
    height:33px;
    margin-left:-27px;
    font-size:25px;
    cursor:pointer;
    color:#fff;
    position:relative;
    opacity:.8;
    display:inline-block;
    margin-top:-23px;
    text-align:center;
    line-height:31px
}
.post-dropzone .preview:hover img{
    opacity:.5
}
.post-dropzone .preview:hover .delete{
    opacity:1;
    background-color:#000
}
.notepad{
    position:relative;
    background:-webkit-linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
    background:-moz-linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
    background:linear-gradient(top,#f0f0f0 0%,white 5%) 0 0;
    -webkit-background-size:100% 30px;
    -moz-background-size:100% 30px;
    -ms-background-size:100% 30px;
    background-size:100% 30px;
    font-size:100%;
    line-height:30px!important
}
.notepad:before{
    content:'';
    position:absolute;
    width:0;
    top:0;
    bottom:0
}
.notepad textarea{
    border:none;
    background-color:transparent;
    height:100%;
    line-height:30px;
    min-height:200px;
    padding:0 10px
}
.notepad-title{
    border:none!important;
    border-radius:0!important;
    padding-left:7px;
    border-left:5px solid #1ccacc!important
}
.notepad .select2-choices{
    border-color:transparent
}
.details-list{
    list-style:none;
    margin:0;
    padding:0
}
.details-list li{
    padding:5px
}
.details-list li span{
    display:inline-block;
    min-width:120px
}
.label.large{
    font-size:85%;
    font-weight:400
}
.label-light{
    background-color:#dde6e9;
    color:#4E5E6A
}
.label-success{
    background-color:#00b393;
    color:#fff
}
.dropdown-menu{
    border-radius:2px;
    border:1px solid rgba(0,0,0,.05)
}
.dropdown-user .dropdown-menu{
    margin-right:15px
}
.dropdown-menu>li>a{
    padding:7px 20px;
    color:#7988A2
}
.comment-dropdown,.reply-dropdown{
    position:absolute;
    right:30px;
    display:none;
    margin-top:-20px
}
.comment-like-top{
    position:absolute;
    right:60px;
    display:none;
    margin-top:-20px
}
.comment-container:hover .comment-dropdown,.comment-container:hover .comment-like-top{
    display:block
}
.reply-container:hover .reply-dropdown{
    display:block
}
.dropdown-left{
    left:auto;
    right:0
}
.datepicker.dropdown-menu{
    border-radius:2px;
    border:1px solid #d3d8dc;
    box-shadow:0 5px 10px rgba(0,0,0,0.1)
}
.datepicker table tr td,.datepicker table tr th,.datepicker table tr td span{
    border-radius:0
}
.week-view tr:hover .day:not(.active){
    background-color:#f2f4f6!important
}
.datepicker-custom-list .list-group-item{
    padding:6px 15px;
    cursor:pointer!important;
    border:none!important
}
.datepicker-custom-list .list-group-item:not(.active):hover{
    background-color:#f5f5f5
}
.datepicker-custom-selector{
    background:#fff;
    border-color:#f2f4f6;
    color:#444
}
.bootstrap-timepicker-widget table td input{
    display:inline-block
}
.note-editor,.note-editor .note-toolbar,.note-editor .note-statusbar .note-resizebar,.note-toolbar .btn{
    border-color:#e2e7f1!important
}
.permission-list{
    margin:0;
    padding:0 15px
}
.permission-list li{
    margin-bottom:15px;
    border-bottom:1px solid #eef6f9;
    list-style-type:none
}
.permission-list> li:before{
    content:'\f084';
    font-family:'FontAwesome';
    float:left;
    margin-left:-1.5em;
    color:#444
}
.animated-clock{
    width:45px;
    background:url(../images/clock.gif) no-repeat 50% 50%
}
.mCS-minimal-dark .mCSB_dragger .mCSB_dragger_bar{
    opacity:.5!important
}
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{
    margin-right:-2px
}
#sidebar .mCSB_2_scrollbar{
    margin-right:-6px
}
.mfp-counter{
    top:6px!important;
    cursor:auto;
    right:10px!important
}
.mfp-bg{
    z-index:1052!important
}
.mfp-wrap{
    z-index:1053!important
}
.full-width-mfp-content{
    max-width:none!important
}
.crop-box{
    position:relative;
    height:400px;
    width:100%;
    background:#fff;
    overflow:hidden;
    background-repeat:no-repeat;
    background-position:center;
    cursor:move
}
.crop-box .thumb-box{
    position:absolute;
    top:50%;
    left:50%;
    width:200px;
    height:200px;
    margin-top:-100px;
    margin-left:-100px;
    box-sizing:border-box;
    box-shadow:0 0 0 1000px rgba(0,0,0,0.5);
    background:none repeat scroll 0 0 transparent
}
.crop-box .spinner{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    text-align:center;
    line-height:400px;
    background:rgba(0,0,0,0.7)
}
#timeline{
    list-style:none;
    width:100%;
    min-height:100%;
    margin:0 auto;
    position:relative;
    overflow:hidden
}
#timeline:before{
    content:"";
    height:100%;
    left:50%;
    position:absolute;
    z-index:0;
    top:0;
    margin-left:-5px;
    width:10px;
    border-radius:5px;
    background-image:linear-gradient(to top,#E5E9EC 0.1%,#f2f4f6 1%,#f2f4f6 99%)
}
#timeline .post-content{
    display:block;
    width:50%;
    position:relative;
    padding-top:40px
}
#timeline .post-content:nth-child(odd){
    float:left;
    clear:left;
    padding-right:20px
}
#timeline .post-content:nth-child(even){
    float:right;
    clear:right;
    padding-left:20px
}
#timeline .post-content:nth-child(2n){
    margin-top:10px
}
#timeline .post-content>.post> .media{
    background:#fff;
    padding:15px
}
#timeline .post-content .media{
    background:#fff
}
#timeline .post-content .post-date span{
    background:#00b393;
    color:#fff;
    padding:3px 10px 5px;
    border-radius:25px
}
#timeline .post-content .post-date:before{
    background:#f2f4f6;
    content:"";
    left:-20px;
    top:10px;
    position:relative;
    width:20px;
    height:2px
}
#timeline .post-content:nth-child(odd) .post-date{
    text-align:right
}
#timeline .post-content:nth-child(odd) .post-date:before{
    background:#f2f4f6;
    content:"";
    margin-right:-40px;
    top:10px;
    position:relative;
    width:20px;
    height:2px;
    float:right
}
.media p,.media div{
    word-break:break-all;
    word-break:break-word;
    word-wrap:break-word;
    -webkit-hyphens:auto;
    -moz-hyphens:auto;
    hyphens:auto
}
.comment-file p{
    max-width:270px
}
.timeline-images img{
    width:100%;
    -webkit-transition:all 500ms ease;
    -moz-transition:all 500ms ease;
    -o-transition:all 500ms ease;
    -ms-transition:all 500ms ease;
    transition:all 500ms ease
}
.timeline-images img:hover{
    -webkit-filter:grayscale(100%)
}
.timeline-images span.more{
    padding:5px;
    background-color:#000;
    color:#fff;
    margin-top:0;
    position:absolute;
    width:80px;
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-left:5px solid #4cc5cd;
    margin-left:-80px
}
.message-more{
    width:40px!important;
    margin-left:-40px!important;
    border-bottom-left-radius:22px
}
.comment-image-box{
    width:400px
}
.app-modal{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.9);
    z-index:5000
}
.app-modal:not(.import-client-app-modal){
    animation:slidedown 300ms;
    -webkit-animation:slidedown 300ms
}
.app-modal-fixed-close-button{
    position:absolute;
    z-index:1;
    right:20px;
    background:#fff
}
@keyframes slidedown{
    from{
        top:-100%
    }
    to{
        top:0
    }
}
@-webkit-keyframes slidedown{
    from{
        top:-100%
    }
    to{
        top:0
    }
}
.app-modal-body{
    margin:1% 1% 2%;
    width:98%;
    height:97%;
    background-color:#fff;
    display:table;
    table-layout:fixed;
    border-spacing:0
}
.app-modal-close{
    font-size:20px;
    text-align:right;
    padding:0 7px;
    cursor:pointer
}
.app-modal-content{
    display:table-cell;
    vertical-align:central;
    height:100%;
    text-align:center
}
.app-modal-sidebar{
    width:350px;
    border-left:1px solid #f2f2f2;
    height:100%;
    display:table-cell;
    vertical-align:top
}
.app-modal-content .app-modal-content-area{
    position:relative;
    overflow-y:scroll;
    height:calc(100%)
}
.app-modal-content img{
    max-width:100%;
    max-height:100%
}
.app-modal.full-content .app-modal-sidebar{
    display:none
}
.app-modal .compress,.app-modal .expand{
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer;
    padding:10px;
    color:#000;
    z-index:1;
    background-color:rgba(255,255,255,0.5)
}
.app-modal .compress:hover,.app-modal .expand:hover{
    background-color:rgba(0,0,0,0.2)
}
.app-modal .compress{
    display:none
}
.app-modal.full-content .expand{
    display:none
}
.app-modal.full-content .compress{
    display:block
}
.app-modal .expand{
    display:block;
    right:370px!important
}
.app-modal.loading .app-modal-sidebar{
    border-color:#fff
}
.app-modal.loading .expand{
    display:none
}
.milestone{
    width:100px;
    text-align:center;
    border:1px solid #dde6e9;
    padding-bottom:5px
}
.milestone .label{
    width:100%;
    display:inherit;
    padding:10px 0;
    font-size:13px;
    border-radius:0
}
.milestone h1{
    margin:0
}
.flotTip{
    padding:5px;
    background-color:rgba(0,0,0,0.6);
    color:#fff
}
.legendColorBox{
    padding:5px
}
.legendColorBox > div{
    border:none!important
}
.sticky-note{
    outline:none;
    height:267px;
    padding:5px;
    border:none;
    color:#000;
    font-size:110%;
    background:#fff6b3;
    width:100%
}
.list-group-item{
    border:1px solid rgba(221,221,221,0.41)!important
}
.unread-notification{
    background-color:#edeff5!important
}
#estimate-form-editable .sortable-ghost td{
    border-top:2px dashed #7988a2!important;
    border-bottom:2px dashed #7988a2!important
}
#estimate-form-editable .sortable-ghost td *{
    opacity:0
}
#estimate-form-preview table.dataTable.b-b-only tbody td{
    border:none
}
::-webkit-scrollbar{
    width:8px
}
::-webkit-scrollbar-thumb{
    background:rgba(0,0,0,0.1)
}
::-webkit-scrollbar-track{
    background:rgba(0,0,0,0.1)
}
.star-btn{
    padding:5px 10px;
    cursor:pointer;
    font-size:16px;
    color:#F9A52D
}
.starred-icon{
    font-size:14px
}
.list-container .b-b:last-child{
    border-bottom:none
}
.box-title{
    position:relative;
    margin:-15px 15px 10px;
    text-align:center;
    font-weight:700
}
.box-title span{
    display:inline-block;
    position:relative;
    z-index:11;
    background:#FFF;
    padding:0 12px
}
.box-title:after{
    content:"";
    width:100%;
    height:1px;
    display:inline-block;
    position:absolute;
    top:25px;
    left:0;
    z-index:10;
    background-color:#f2f4f6
}
.invoice-styles .item{
    border:5px solid #f2f4f6;
    float:left;
    margin:0 15px 15px 0;
    transition:300ms all;
    opacity:.5
}
.invoice-styles .active,.invoice-styles .item:hover{
    opacity:1;
    cursor:pointer;
    opacity:1
}
.invoice-styles .active:before{
    position:absolute;
    content:'\f058';
    display:inline-block;
    font-family:'FontAwesome';
    color:#7988a2;
    font-size:30px;
    -webkit-transition:all 300ms;
    transition:all 300ms;
    margin-top:72px;
    margin-left:100px
}
#notificaion-popup-list{
    max-height:400px;
    overflow-y:scroll
}
.help-page-container{
    padding-top:50px
}
.help-search-box-container{
    max-width:600px;
    margin:30px auto 60px;
    text-align:center
}
.help-search-box-container h2{
    margin:20px 0
}
.help-category-box{
    cursor:pointer;
    text-align:center;
    color:#4e5e6a;
    transition:all .5s
}
.help-category-box .anchor{
    color:#29689e;
    text-transform:lowercase
}
.help-category-box:hover{
    cursor:pointer;
    background:#f2f2f2
}
.help-search-box{
    background:url(../images/search.png) no-repeat 15px 50% #fff;
    padding:15px 15px 15px 40px;
    height:auto;
    border:1px solid #fff;
    border-radius:2px;
    box-shadow:none;
    transition:background .5s
}
.help-search-box:focus{
    background-color:#f6f8f9;
    border:1px solid #dbe3e8
}
.help-search-box.searching{
    background-image:url(../images/loader.gif)!important
}
#help-left-panel{
    min-height:350px
}
#help-page-content{
    padding:20px 30px
}
.view-container{
    max-width:1060px;
    margin:auto
}
.view-container-large{
    max-width:1200px;
    margin:auto
}
.help-catagory.list-group .list-group-item{
    border-radius:0!important;
    border:none!important;
    background:transparent;
    color:#4e5e6a
}
.help-catagory.list-group .list-group-item:hover,.help-catagory.list-group .list-group-item.active{
    border-left:2px solid #4e5e6a!important;
    text-indent:-2px;
    background:rgba(0,0,0,0.02)
}
.public-navbar{
    font-weight:700
}
.awesomplete{
    display:block
}
.awesomplete ul{
    z-index:10;
    text-align:left;
    background:#fff
}
.awesomplete mark,.awesomplete li[aria-selected="true"] mark,.awesomplete li:hover mark{
    background:transparent;
    padding:0
}
.awesomplete > ul > li{
    padding:5px 8px
}
.awesomplete > ul > li[aria-selected="true"]{
    background:#337ab7
}
.awesomplete > ul > li[aria-selected="false"]:hover{
    background:#f2f2f2
}
.note-group-select-from-files{
    display:none!important
}
.popover-content{
    padding:15px
}
.app-popover.out{
    visibility:hidden;
    opacity:0
}
.todo-input-box{
    max-width:700px;
    margin:10px auto 30px
}
.todo-input-box input{
    padding:10px 15px;
    height:auto;
    border:1px solid #fff;
    border-radius:2px;
    box-shadow:none;
    transition:background .5s
}
.todo-input-box input:focus{
    background-color:#f6f8f9;
    border:1px solid #dbe3e8
}
.todo-input-box button{
    padding:10px 15px
}
.navbar-left a i{
    -moz-transition:all .1s;
    -webkit-transition:all .1s;
    transition:all .1s
}
.navbar-left li:hover .dropdown-toggle i{
    -moz-transform:scale(1.5);
    -webkit-transform:scale(1.5);
    transform:scale(1.5)
}
.todo-top-icon{
    font-size:15px
}
.kanban-container{
    margin-top:0;
    margin-bottom:0;
    padding:0;
    padding-top:15px;
    padding-bottom:15px;
    background:#D9DEE2
}
.kanban-col{
    list-style-type:none;
    float:left;
    margin:0 15px;
    width:305px
}
.kanban-col-title{
    padding:15px;
    color:#fff;
    margin-bottom:15px;
    margin-right:3px
}
.kanban-item-list{
    max-height:730px;
    height:730px!important;
    overflow:hidden
}
.kanban-input .form-control{
    padding:10px;
    height:auto;
    margin-bottom:10px;
    width:99%;
    background-color:#fff;
    border-radius:0
}
.kanban-item .avatar img{
    height:22px;
    width:22px;
    margin-right:10px
}
.kanban-item{
    padding:10px;
    margin:0 3px 10px 0;
    background-color:#fff;
    cursor:default;
    display:table;
    color:#4e5e6a;
    width:300px
}
.kanban-item:before,.kanban-item:after{
    display:table;
    content:" "
}
.kanban-item:after{
    clear:both
}
.kanban-item .avatar{
    float:left
}
.kanban-item .meta{
    margin-top:10px
}
.kanban-sortable-ghost{
    box-shadow:1px 2px 1px rgba(0,0,0,0.3)
}
.kanban-sortable-chosen{
    opacity:.2;
    box-shadow:1px 2px 1px rgba(0,0,0,0.3)
}
.rise-chat-wrapper{
    width:290px;
    height:375px;
    background:#fff;
    z-index:10;
    position:fixed;
    bottom:20px;
    right:80px;
    box-shadow:0 5px 10px 2px rgba(0,0,0,0.2)
}
.rise-chat-header{
    box-shadow:0 1px 2px rgba(0,0,0,0.1)
}
.rise-chat-wrapper .message-row{
    border-bottom:1px solid #f2f2f2;
    cursor:pointer
}
.rise-chat-wrapper .message-row .time{
    font-size:10px;
    width:60px;
    text-align:right
}
.rise-chat-wrapper .message-row:hover{
    background:#f2f4f6
}
.chat-tab{
    background:transparent;
    border:none
}
.chat-tab a{
    color:#4e5e6a;
    padding:9px!important;
    display:block;
    text-align:center
}
.chat-title{
    text-indent:-40px
}
.chat-title,.chat-back{
    text-align:center;
    padding:10px 7px;
    font-weight:700
}
.chat-bars{
    width:30px;
    text-align:center;
    cursor:pointer;
    opacity:.5
}
.chat-back{
    opacity:.5;
    cursor:pointer;
    width:40px
}
.chat-bars:hover,.chat-back:hover{
    opacity:1
}
.chat-close{
    font-size:30px;
    line-height:18px
}
.rise-chat-header .nav-tabs>li{
    display:table-cell;
    float:none;
    width:100%
}
.rise-chat-body{
    height:280px;
    overflow-y:scroll;
    overflow-x:hidden;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.rise-chat-body.full-height{
    height:338px
}
.rise-chat-body.long{
    height:337px
}
.rise-chat-footer{
    background:#fff;
    bottom:0;
    position:relative;
    border-top:1px solid #e5e9ec
}
.rise-chat-footer .post-file-dropzone-scrollbar{
    margin-top:-90px
}
.rise-chat-footer textarea{
    width:100%;
    padding:10px 10px 10px 35px;
    border:none;
    height:50px;
    resize:none
}
.rise-chat-footer textarea:focus{
    outline:none
}
.rise-chat-footer .help-block{
    height:0;
    display:none!important
}
.chat-file-upload-icon{
    position:absolute;
    padding:10px;
    cursor:pointer
}
.chat-msg{
    padding:5px 8px 7px;
    display:inline-block;
    max-width:200px;
    text-align:left;
    word-break:break-word
}
.chat-other{
    padding:5px 10px
}
.chat-other .avatar{
    float:left
}
.chat-other .chat-msg{
    border-radius:0 10px 10px 10px;
    background-color:#e5e9ec
}
.chat-me{
    text-align:right;
    padding-right:10px;
    margin-top:2px
}
.chat-me .chat-msg{
    border-radius:10px 0 10px 10px;
    background-color:#0090ff;
    color:#fff
}
.chat-me .chat-msg a{
    color:#fff
}
.init-chat-icon{
    width:50px;
    height:50px;
    background-color:#fff;
    z-index:10;
    position:fixed;
    bottom:20px;
    right:20px;
    box-shadow:0 3px 4px 4px rgba(0,0,0,0.1);
    border-radius:50%;
    text-align:center;
    padding:15px;
    cursor:pointer
}
.init-chat-icon.has-message{
    background-color:#f05050;
    color:#fff
}
.text-line-through{
    text-decoration:line-through
}
.mb5{
    margin-bottom:5px
}
.checklist-items a.delete-checklist-item,.delete-dependency-task,.delete-dependency-task:hover{
    color:#a1a3a5
}
.p3{
    padding:3px
}
.confirmed-by-logo{
    color:#5CB85C;
    font-size:35px
}
.rejected-by-logo{
    color:#D9534F;
    font-size:35px
}
.pl0{
    padding-left:0
}
.pr0{
    padding-right:0
}
.ml20{
    margin-left:20px!important
}
.timeline-images .file-mockup{
    width:100%;
    height:455px;
    background:#E5E9EC;
    color:#77879D;
    font-size:100px;
    text-align:center;
    display:table;
    table-layout:fixed;
    border-spacing:0;
    transition:all 500ms ease
}
.message-images .file-mockup{
    height:100px;
    font-size:30px;
    margin-bottom:5px
}
.timeline-images .file-mockup:hover{
    cursor:pointer;
    filter:grayscale(100%)
}
.timeline-images .file-mockup i{
    height:100%;
    vertical-align:middle;
    display:table-cell
}
.chat-no-messages i{
    margin-top:100px;
    font-size:50px;
    color:#bdbdbd;
    margin-bottom:10px
}
.unread-comments-of-tasks i{
    padding:5px;
    color:#337ab7
}
.widget{
    border:1px solid #f2f4f6
}
.widget:hover{
    cursor:move
}
.row-controller .move{
    position:absolute;
    top:0;
    left:0;
    cursor:move
}
.row-controller .delete{
    position:absolute;
    bottom:0;
    left:0;
    cursor:pointer;
    color:#d9534f
}
.row-controller{
    flex:2;
    position:relative
}
.add-column-drop{
    border:1px dashed #e2e4e8
}
.dashed_border{
    border:1px dashed #e2e4e8
}
.widget-row{
    margin-bottom:15px;
    padding:15px;
    display:flex
}
.row-container{
    flex:100
}
.pb15{
    padding-bottom:15px
}
.dashboard-dropdown .dropdown-toggle{
    padding:9px 14px;
    background:#fff;
    border-radius:50%;
    box-shadow:-3px 7px 15px rgba(0,0,0,0.1);
    transition:.3s;
    font-size:16px;
    width:40px;
    height:40px
}
.dashboard-view .open .dropdown-toggle{
    background-color:#f2f4f6!important
}
.grid-bg{
    background:#f2f4f6;
    transition:.5s all
}
.column-grid-link:hover .grid-bg{
    background:#1ccacc;
    color:#fff
}
.custom-widget .custom-widget-title{
    background-color:#fff;
    color:inherit;
    font-weight:700;
    padding:10px 15px;
    border-bottom:1px solid #eef6f9;
    border-radius:0
}
.h370{
    height:370px!important
}
.pb20{
    padding-bottom:20px
}
#widget-container-area{
    position:fixed;
    width:308px;
    top:70px
}
.pr5{
    padding-right:5px
}
.ml298{
    margin-left:298px
}
.projects-row .progress{
    height:10px;
    margin:20px 15px;
    box-shadow:none!important
}
.projects-row{
    border-bottom:1px solid rgba(221,221,221,0.41)!important
}
.widget-todo-input-box{
    margin:15px auto;
    max-width:100%;
    padding:0 15px
}
.widget-todo-input-box input{
    background:#F6F8F9;
    border:none;
    padding:8px 14px
}
.widget-todo-input-box .input-group{
    border-bottom:1px solid #eef6f9
}
.widget-todo-input-box input:focus{
    background:#EBEFF2;
    border:none
}
.widget-todo-input-box button{
    padding:8px 14px
}
.overflow-y-scroll{
    overflow-y:scroll
}
.panel-orange{
    background:#f0ad4e
}
.text-white{
    color:#fff
}
.active-team-members-list .message-row{
    border-bottom:1px solid #f2f2f2
}
.dashbaord-header-area .color-tag{
    margin:2px 0 0;
    width:15px;
    height:15px;
    border-radius:2px
}
.dashbaord-header-area a:hover .color-tag{
    transform:scale(1.5)
}
.mr5{
    margin-right:5px
}
.w70{
    width:70px
}
.mt10{
    margin-top:10px
}
.settings{
    border-bottom:none
}
.settings .settings-anchor{
    font-size:16px;
    margin:15px 0;
    cursor:pointer
}
.settings .settings-anchor:first-child{
    margin-top:0
}
.settings .settings-anchor:not(.collapsed) .pull-right i:before{
    content:"\f147"
}
.settings .settings-anchor .pull-right i{
    font-size:14px
}
#widget-row-container .error,#widget-container-area .error{
    background-color:#ffecec!important;
    border:1px solid #fdd9d9
}
.checklist-items .move{
    font-size:15px;
    line-height:18px;
    cursor:n-resize
}
.ganttview-vtheader-group-name,.ganttview-vtheader-series-row{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap
}
.move-icon{
    margin:3px 15px 3px 0 !important;
    cursor:s-resize;
    opacity:.3
}
.checkbox-blank-sm,.checkbox-checked-sm{
    border:1px solid #cecece;
    height:13px;
    width:13px;
    border-radius:50%;
    cursor:pointer;
    margin-top:4px
}
.checkbox-checked-sm:before{
    content:"\f00c";
    font-family:'FontAwesome';
    top:-4px;
    position:relative;
    font-size:11px;
    color:#00b393
}
.kanban-item-list a:hover .checkbox-blank-sm,.checkbox-checked-sm{
    visibility:visible
}
.kanban-item-checked{
    background-color:#f2f2f2
}
.td-checkbox{
    width:50px;
    background:#e5e9ec!important;
    padding:0!important
}
.td-checkbox a{
    height:30px;
    width:35px;
    background:#fff;
    float:right;
    border-bottom-left-radius:15px;
    border-top-left-radius:15px
}
.td-checkbox .checkbox-blank{
    margin:5px 10px
}
.td-checkbox .checkbox-blank:hover{
    background-color:initial;
    cursor:pointer
}
.notificatio-plate-title-area{
    padding:5px 8px
}
.notificatio-plate-title-area .dot{
    padding:0 3px
}
.color-white{
    color:#fff!important
}
#invoice-total-section,#estimate-total-section{
    width:420px
}
.invoice-preview-container{
    padding:30px
}
.label{
    display:inline-block;
    margin-top:5px;
    padding:4px 5px
}
.comment-form-container{
    padding:15px
}
.comment-avatar{
    padding-left:15px
}
.ml30{
    margin-left:30px
}
.pt15{
    padding-top:15px
}
.w75p{
    width:75%
}
.dropdown-user span.hidden-xs{
    display:inline-block!important
}
.font-normal{
    font-weight:400
}
.kanban-filters-container{
    padding:15px 15px 0
}
.kanban-widget-filters .custom-toolbar .DTTT_container:last-child{
    margin-bottom:15px
}
.truncate-ellipsis{
    display:table;
    table-layout:fixed;
    width:65%;
    white-space:nowrap
}
.truncate-ellipsis > span{
    display:table-cell;
    overflow:hidden;
    text-overflow:ellipsis
}
.ticket-template-label{
    text-align:center;
    width:100%
}
.ticket-template-search{
    width:80%!important;
    margin:auto
}
#ticket-template-table td:first-child{
    border-top:1px solid #f2f2f2
}
.template-row{
    padding:8px 0
}
.float-none{
    float:none!important
}
.atwho-view .cur,.note-hint-group .active,.note-hint-item:hover{
    background-color:#1d2632!important;
    transition:all .1s ease-in-out
}
.keyboard-shortcut-info-icon{
    padding:4px 12px;
    color:#4e5e6a
}
.note-hint-item{
    line-height:1.4!important;
    padding:5px!important
}
.note-hint-popover{
    border-radius:0;
    padding:0!important
}
.note-children-container{
    padding:0!important
}
#left-menu-preview #sidebar{
    width:100%;
    display:table
}
#left-menu-preview #sidebar #sidebar-menu{
    margin-bottom:0
}
.client-dashboard-help-message{
    padding:15px 20px 0
}
#excel-preview-container .box-title:after{
    top:10px
}
.ml5{
    margin-left:5px
}
.lead-migration-contacts .settings-anchor{
    padding:15px;
    margin:0
}
.lead-migration-contacts{
    margin:15px;
    border:1px solid #f2f2f2;
    border-radius:2px
}
.lead-kanban-item:hover .invisible{
    visibility:visible
}
.lead-kanban-item a.invisible{
    padding:5px;
    margin-top:-5px
}
#calendar-filter-dropdown .DTTT_container{
    margin:0
}
#calendar-filter-dropdown .list-group{
    margin-left:5px
}
.event-view{
    padding:10px 0
}
.bill-from span{
    display:block
}
#menu-item-list-2 .left-menu-item:hover .invisible{
    visibility:visible
}
#menu-item-list-2 .invisible i{
    padding:0 5px
}
#menu-item-list-2 .left-menu-item:first-child:hover .invisible .make-sub-menu{
    visibility:hidden
}
table .error{
    background-color:#ffbfbf!important
}
.footer-menu-item{
    margin-bottom:5px!important
}
.footer{
    width:100%;
    text-align:center;
    background:#fff;
    display:inline-block
}
.footer a{
    padding:10px
}
.editable-input .editable-date{
    border-radius:2px;
    border:1px solid #d3d8dc;
    padding:5px
}
.search-modal{
    padding:8px 20px
}
.editable-input .editable-date table tr td,.editable-input .editable-date table tr th,.editable-input .editable-date table tr td span{
    border-radius:0
}
.editable-input .editable-date .datepicker{
    width:auto
}
.editable-input .editable-date th.prev .icon-arrow-left,.editable-input .editable-date th.next .icon-arrow-right{
    font-style:normal
}
.editable-input .editable-date th.prev .icon-arrow-left:before{
    content:"\f100";
    font-family:'FontAwesome'
}
.editable-input .editable-date th.next .icon-arrow-right:before{
    content:"\f101";
    font-family:'FontAwesome'
}
.task-view-modal-body .popover-content{
    max-width:300px!important
}
.task-view-modal-body .editable-container .editable-buttons{
    display:block;
    margin-left:0;
    margin-top:10px
}
.task-view-modal-body .editable-container .editable-buttons .editable-submit,.task-view-modal-body .editable-container .editable-buttons .editable-cancel{
    width:49%
}
.sub-task-icon{
    background:#e2e2e2;
    padding:0 5px 0 7px;
    border-radius:50%
}
.task-preview{
    max-width:1000px;
    min-width:400px;
    margin:auto
}
.search-modal .help-search-box{
    padding:6px 8px;
    background:none
}
.search-modal .help-search-box.searching{
    background-image:none!important
}
.datepicker table tr td.disabled{
    opacity:.6
}
.settings .settings-anchor:not(.collapsed) .template i:before{
    content:"\f107"
}
.icon-tag{
    padding:10px 15px;
    border-radius:3px;
    height:40px;
    width:44px
}
.icon-tag:hover{
    background-color:#f6f8f9
}
.icon-palet .active{
    background-color:#eaeaea
}
.search-modal .help-search-box:focus{
    background-color:#fff;
    border:1px solid #fff
}
.search-modal .select2-choice{
    background-color:#fff!important;
    border:1px solid #fff!important
}
.label-white{
    background-color:#fff;
    color:#4E5E6A
}
#keyboard-shortcut-modal-form .label-white{
    padding:4px 10px;
    font-size:13px;
    font-weight:700!important;
    border:1px solid #e2e4e7
}
#message-details-section .dropdown{
    position:absolute;
    right:30px;
    margin-top:15px
}
.profile-image-upload{
    vertical-align:top;
    margin-left:-45px
}
.event-deadline-border{
    border-right:3px solid red!important
}
.popover-body{
    min-width:150px;
    padding:15px
}
.pl5{
    padding-left:5px
}
.popover-body .select2-container{
    max-width:200px
}
.popover table{
    width:100%
}
.fast-line{
    position:absolute;
    top:0;
    height:2px;
    width:100px;
    background:#25ccce;
    border-radius:4px;
    -webkit-animation:line .7s linear infinite;
    animation:line .7s linear infinite
}
@keyframes line{
    0%{
        width:35px;
        left:0
    }
    50%{
        width:100px;
        left:25%
    }
    100%{
        left:88%;
        width:35px
    }
}
@-webkit-keyframes line{
    0%{
        width:35px;
        left:0
    }
    50%{
        width:100px;
        left:25%
    }
    100%{
        left:88%;
        width:35px
    }
}
.typing-indicator span{
    height:3px;
    width:3px;
    float:right;
    margin-left:4px;
    margin-top:10px;
    background-color:#4e5e6a;
    display:block;
    border-radius:50%;
    opacity:.2
}
.typing-indicator span:nth-of-type(1){
    -webkit-animation:1s blink infinite .3333s;
    animation:1s blink infinite .3333s
}
.typing-indicator span:nth-of-type(2){
    -webkit-animation:1s blink infinite .6666s;
    animation:1s blink infinite .6666s
}
.typing-indicator span:nth-of-type(3){
    -webkit-animation:1s blink infinite .9999s;
    animation:1s blink infinite .9999s
}
@-webkit-keyframes blink{
    50%{
        opacity:1
    }
}
.move-chat-icon{
    bottom:460px;
    right:42.5%
}
.gantt .bar-wrapper.no-drag.active .bar{
    fill:#b8c2cc!important
}
.gantt-container .gantt-task-popup{
    min-width:180px;
    padding:10px;
    font-size:13px
}
.gantt-container .popup-wrapper{
    box-shadow:-3px 7px 15px rgba(0,0,0,0.1)!important
}
.gantt .handle{
    fill:#f1f1f1!important
}
.gantt .today-highlight{
    fill:#f9e6c5!important
}
.gantt-status-filter .mr15,.gantt-status-filter .DTTT_container,.gantt-status-filter .btn{
    margin:0!important
}
.gantt-status-filter .DTTT_container{
    float:none!important
}
.gantt .bar,.gantt .handle,.gantt .path-line{
    transition:.2s!important;
    stroke: transparent;
}
@media print {
    .print-peview {
        color: #000;
    }
    a[href]:after {
        content: none !important;
    }
}

@media screen and (max-width: 1400px) {
    /* Timeline */
    #timeline:before {
        left: 0px;
        margin-left: 0;
        margin-top: 45px;
    }
    #timeline  .post-content {
        float:left;
        width:100%;
        padding:0 0 0 30px !important;
        margin:0 0 20px !important;
    }
    #timeline > .post-content:first-child {
        padding-top: 60px !important;
    }

    #timeline  .post-content:nth-child(odd) .post-date {
        text-align: left;
    }
    #timeline  .post-content:nth-child(odd) .post-date:before{
        left: -20px;
        top:8px;
        width: 20px;
        height: 2px;
        float:left;
    }
}

@media (max-width: 767px){
    /*mobile view menu*/
    #sidebar, #sidebar.collapsed{
        opacity: 0;
        width:0px;
    }

    .off-screen #sidebar,
    .off-screen #sidebar.collapsed{
        padding-top: 7px !important;
        display:table-cell;
        width: 75%;
        opacity: 1;
    }
    .off-screen #page-container{
        display: inline-table;
    }

    .navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
        max-height: none !important;
    }

    .signin-box{
        width: 90%;
    }
    .box-content.avatar{
        display: none;
    }
    #page-content{
        padding: 10px !important;
    }
    .message-buttons .btn{
        margin-bottom: 10px;
    }
    .modal-body{
        padding: 10px 0;
    }
    .modal-footer{
        padding: 15px;
    }
    #help-left-panel{
        min-height: 0;
    }

    .message-button-list{
        width: 98%;
    }
    .message-button-list,
    .message-view{
        display: block;
    }

    /* mobile view datatable */
    .toolbar-left-top,
    .datatable-export{
        display: none;
        background: #900;
    }
    .mr15.DTTT_container{
        margin-right: 0 !important;
        float: none !important;
        text-align: center;
    }
    .dataTables_wrapper .dataTables_filter input{
        margin-left: 0;
    }

    .modal-body .row{
        margin-right: 0;
        margin-left: 0;
    }
    .modal-mask{
        width: 100% !important;
    }
    #pre-loader .app-loader{
        right: 40%;
    }
    table.dataTable tbody td{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .nav-tabs >li{
        float:none;
    }
    .nav-tabs.title li a{
        padding: 15px;
    }
    .nav-tabs li.title-tab{
        display: inline-block;
    }
    .nav-tabs li.title-tab h4{
        padding-bottom: 5px;
    }
    .rise-chat-wrapper{
        width: 100%;
        left:0;
        right:0;
        height: 450px;
        bottom: 0;
    }
    .rise-chat-body{
        height: 355px !important;
    }
    .rise-chat-body.full-height{
        height: 413px !important;
    }
    .rise-chat-body.long {
        height: 412px !important;
    }
    .custom-toolbar .dataTables_filter{
        float: left;
        margin: 0;
    }
    .custom-toolbar div.DTTT_container:first-child:not(.mr15){
        float: left !important;
        margin: 0;
    }
    .open .dropdown-menu {
        margin-right: 0 !important;
    }
    .navbar-right{
        float: right;
    }
    .dropdown-user{
        padding-right: 0;
    }
    .navbar-nav li{
        display: inline-block;
    }
    #timeline:before {
        background-image: linear-gradient(to top, #E5E9EC 0.5%, #f2f4f6 1%, #f2f4f6 99%);
    }
    .kanban-col{
        width: 175px !important;
        margin: 0 10px;
    }
    .kanban-col-title{
        padding: 10px;
        margin-bottom: 10px;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }
    .kanban-item{
        padding: 5px 8px;
        width: 175px;
        margin: 0 0px 6px 0;
        border-radius: 2px;
    }
    .modal-dialog{
        margin: 0;
    }
    .dataTables_filter label{
        margin: 0;
    }
    .custom-toolbar .DTTT_container:last-child{
        margin-bottom: 0;
    }
    .mini-modal{
        width: 100% !important;
    }
    .custom-toolbar .navbar-collapse{
        padding: 15px 0 0 0;
    }
    .dropdown-user .topbar-user-name{
        display: none !important;
    }
    .kanban-filters-container{
        padding: 15px;
    }
    .navbar .dropdown-menu{
        position: relative;
    }

}

@media screen and (max-width: 300px) {
    .navbar-brand {
        width: 160px;
    }
    .navbar-brand img{
        max-width: 160px;
    }

    #notificaion-popup-list{
        max-height: 400px;
        overflow-y: scroll;
    }

    .invoice-preview-container{
        padding: 0;
    }

    .dataTables_filter input{
        width: 120px;
    }
    .task-link-btn{
        display: none;
    }
}

@media screen and (max-width: 530px) {
    .comment-image-box  {
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    .custom-toolbar .DTTT_container .w200, .custom-toolbar .DTTT_container .w150, .custom-toolbar .DTTT_container .btn, .custom-toolbar .DTTT_container .dropdown{
        width: 100%;
    }
}

@media (min-width:768px) and (max-width: 1024px){
    .widget-container.col-sm-6 {
        width: 50%;
    }
}

@media screen and (max-width: 400px){
    .custom-toolbar .custom-filter-search{
        width: 120px;
    }
    .project-activity-logs-container ul{
        padding-left: 16px;
    }
    .comment-form-container{
        padding: 0;
    }
    .comment-avatar{
        padding-left: 5px;
    }
    #project-timer-box .dropdown-menu {
        right: auto;
        left: 0;
    }
    .checkbox-blank, .checkbox-checked, .checkbox-un-checked{
        margin-right: 10px;
    }
}

@media screen and (max-width: 310px) {
    .navbar-brand {
        width: 160px;
        padding: 5px;
        margin-right: 0;
    }
    .navbar-brand img{
        max-width: 160px;
    }
}

@media screen and (max-width: 385px) {
    #event-calendar div.fc-right{
        float: none;
    }
    #event-calendar div.fc-right div.fc-button-group{
        float: right;
        margin-left: 5px;
    }
}

@media screen and (max-width: 363px) {
    #event-calendar div.fc-right div.fc-button-group{
        margin-top: 5px;
    }
}

@media screen and (max-width: 500px) {
    #invoice-total-section, #estimate-total-section, tr.invoice-preview-header-row img {
        width: 100%;
    }
    tr.invoice-preview-header-row td.hidden-invoice-preview-row{
        width: 0 !important;
    }
    tr.invoice-preview-header-row td.invoice-info-container{
        width: 55% !important;
    }
    .invoice-preview {
        min-width: 100% !important;
    }
    .invoice-preview-container{
        padding: 10px;
    }
    .invoice-preview-container table th, .invoice-preview-container table td{
        padding: 8px 5px !important;
    }
    .invoice-preview-container .ribbon{
        left: -15px;
        top: -15px;
        width: 90px;
        height: 90px;
    }
    .invoice-preview-container .ribbon span.label{
        width: 90px;
        left: -20px;
        top: 15px;
    }
}

@media screen and (max-width: 250px) {
    .invoice-preview-container table th, .invoice-preview-container table td{
        padding: 5px 0 !important;
    }
}
g [data-id^="milestones-"] .handle.left {
    display: none;
}
a.submenuactive {
    color: white!important;
}

table td p{
    white-space: break-spaces;
}
div.compra_descricao img{
    max-width: 100%
}
.jstree-default .jstree-disabled.jstree-hovered {
    background: #e0e8f9!important;
}