:root {
    --body: #ffffff;
    --bodybg: #282828;
    --topbar: #ffffff;
    --topbarbg: #282828;
    --caption: #e6bd00;
    --captionbg: #444444;
    --panel: #eeeeee;
    --panelbg: #666666;
    --label: #cccccc;
    --input: #ffffff;
    --inputbg: #777777;
    --inputborder: 0px;
    --inputhoverbg: #8c8c8c;
    --inputhoverborder: 0px;
    --inputhighlight: #444444;
    --inputhighlightbg: #f7cfcf;
    --contentbg: #606060;
    --controlbg: #555555;
    --button: #ffffff;
    --buttonbg: #1da2ce;
    --buttonhover: #222222;
    --buttonhoverbg: #e6bd00;
    --buttondisabled: #dddddd;
    --buttondisabledbg: #aaaaaa;
    --link: #1da2ce;
    --linkhover: #e6bd00;
    --menuwidth: 240px;
    --menu: #dddddd;
    --menubg: #2f2f2f;
    --menuhover: #ffffff;
    --menuhoverbg: #e6bd00;
    --menuborder: #363636;
    --menusub: #ffffff;
    --menusubbg: #1da2ce;
    --menusubhover: #ffffff;
    --menusubhoverbg: #e6bd00;
    --menusubborder: #2db2de;
    --topmenuhover: #ffffff;
    --topmenuhoverbg: #e6bd00;
    --topmenusub: #ffffff;
    --topmenusubbg: #1da2ce;
    --topmenusubhover: #ffffff;
    --topmenusubhoverbg: #e6bd00;
    --topmenusubhovertopbuttonbg: #1da2ce;
    --topmenusubhovertopbutton: #ffffff;
    --mobilenavmenuborder: 1px solid #5c878d !important;
    --sidebarwidth: 45px;
    --nomobilemaincontainerleftpadding: 55px;
    --sidebarbg: #2f2f2f;
    --sidebaricon: #ffffff;
    --sidebariconhover: #ffffff;
    --sidebarandmenurightborder: 0px;
    --sidebariconhoverbg: #e6bd00;
    --diamodalcaption: #e6bd00;
    --diamodalcaptionbg: #666666;
    --diamodal: #222222;
    --diamodalbg: #eeeeee;
    --diamodalcontrolbg: #777777;
    --diamodalclosehover: #ffffff;
    --diamodalclosehoverbg: #e6bd00;
    --autocompletelist: #dddddd;
    --autocompletelistbg: #777777;
    --autocompletelisthl: #ffffff;
    --autocompletelisthlbg: #dd7f3e;
    --autocompletelistborder: 1px solid #909090;
    --scrollbg: #555555;
    --scrollbuttonbg: #678889;
    --scrollbuttonhoverbg: #c4a07a;
    --tablestripeodd: #000000;
    --tablestripeoddbg: #bbbbbb;
    --tablestripeeven: #000000;
    --tablestripeevenbg: #cccccc;
    --tablestripehover: #000000;
    --tablestripehoverbg: #eeeeee;
    --tablestripeborder: 0px;
    --listheader: #1da2ce;
    --listheaderbg: #555555;
    --listsort: #1da2ce;
    --listsorthover: #e6bd00;
    --icon: #1da2ce;
    --iconhover: #e6bd00;
    --infoiconpositive: #61af05;
    --infoiconnegative: #aa0000;
    --infoicondisabled: #777777;
    --tabicon: #1da2ce;
    --tabiconhover: #e6bd00;
    --tabiconselected: #e6bd00;
    --drtmedialistbg: #777777;
    --drtmediaborder: 1px solid #444444;
    --drtmediaborderhover: 1px solid #777777;
    --drtmediatitle: #ffffff;
    --drtmediatitlebg: #444444;
    --drtmediatitlehover: #e6bd00;
    --drtmediatitlehoverbg: #555555;
    --drttoolinfo: #ffffff;
    --drtmediatabbg: #444444;
    --drtmediatabborder: 1px solid #555555;
    --drtmediatabhoverbg: #55555;
    --dash: #444444;
}


img{ border:0px;text-decoration:none;outline:none;}
body{font-family:"Helvetica Neue",Arial,Verdana;color:var(--body);font-size:13px;background:var(--bodybg);}
input[type=checkbox]+label:hover,input[type=radio]+label:hover,input[type=checkbox]+label:focus,input[type=radio]+label:focus{border-color:var(--inputborder)!important;}
[type=checkbox],[type=radio]{padding:0;width:16px;height:16px;position:relative;top:3px;margin-bottom:6px; margin-right:8px;cursor:pointer!important;}
.right-checkbox [type=checkbox],.right-checkbox [type=radio]{padding:0;width:16px;height:16px;position:relative;margin-left:8px;cursor:pointer!important;}
input[type=checkbox]+label,input[type=radio]+label{outline:none;cursor:pointer;}
.radio{padding-right:15px;white-space:nowrap;}
textarea{resize: none;}
.nospace-table{border-spacing:0px;border-collapse:collapse;}
.nospace-table td{padding:0px;}

.v-space-table{border-spacing:0px;border-collapse:collapse;}
.v-space-table td{padding:3px 10px 3px 0px;}

input{outline:none;}
select{outline:none;}
textarea{outline:none;}
span{line-height:1.5}
.clear{clear:both;}
.radius-bottom{border-bottom-left-radius:4px;border-bottom-right-radius:4px;} .radius-top{border-top-left-radius:4px;border-top-right-radius:4px;}
.italic{font-style:italic;}
.h-percent{width:100%;}
.v-percent{height:100%;}
.nowrap{white-space:nowrap;}
.underline{text-decoration:underline;}

.side-menu{width:var(--menuwidth)!important;color:var(--menu)!important;background:var(--menubg);border-right:var(--sidebarandmenurightborder);}
.side-menu a,.side-menu a:visited{color:var(--menu)!important;background:var(--menubg)!important;border:1px;border-color:var(--menuborder)!important;padding-top:15px;padding-bottom:15px;} 
.side-menu a:hover{color:var(--menuhover)!important;background:var(--menuhoverbg)!important;} 

.side-sub-menu{background:var(--menusubbg);color:var(--menusub);}
.side-menu .side-sub-menu a,.side-menu .side-sub-menu a:visited{color:var(--menusub)!important;background:var(--menusubbg)!important;border:1px;border-color:var(--menusubborder)!important;}
.side-menu .side-sub-menu a:hover{color:var(--menusubhover)!important;background:var(--menusubhoverbg)!important;}

.side-menu .w3-bar-item{line-height:1.5!important}

.menu-button{}
.top-menu-button{height:46px !important;padding-top:14px;}
.top-menu-button:hover{background-color:var(--topmenuhoverbg)!important;color:var(--topmenuhover)!important}
.top-menu-button .fa{font-size:20px;}
.w3-dropdown-hover:hover > .top-menu-button:first-child,.w3-dropdown-click:hover > .top-menu-button:first-child{background-color:var(--topmenusubhovertopbuttonbg);color:var(--topmenusubhovertopbutton)}

.profile-nav,.profile-nav-content{z-index:1006!important;}
.mobile-profile-nav a,.mobile-profile-nav a:visited,.profile-nav a,.profile-nav a:visited{color:var(--topmenusub)!important;background:var(--topmenusubbg)!important}
.mobile-profile-nav a:hover,.profile-nav a:hover{color:var(--topmenusubhover)!important;background:var(--topmenusubhoverbg)!important}
.mobile-profile-nav {border-top:var(--mobilenavmenuborder)!important;}
.mobile-profile-nav .menu-button {border-bottom:var(--mobilenavmenuborder)!important;} 

.side-bar .fa{font-size:20px;}
.side-bar .menu-button{color:var(--sidebaricon);}
.side-bar .menu-button:hover{color:var(--sidebariconhover)!important;}

a,a:visited{outline:none;color:var(--link);text-decoration:none;} 
a:hover{color:var(--linkhover);}

.diamodal-top-bar{font-size:14px; padding-top:11px; height:37px}
.diamodal-top-bar,.diamodal-close-button{background:var(--diamodalcaptionbg);color:var(--diamodalcaption);}
.diamodal-close-button:hover{background:var(--diamodalclosehoverbg)!important;color:var(--diamodalclosehover)!important;}
.sp-button,.button,.mf-button{border:none;display:inline-block;outline:0;padding:8px 16px!important;vertical-align:middle;overflow:hidden;text-decoration:none;color:var(--button);
            background-color:var(--buttonbg);text-align:center;cursor:pointer;white-space:nowrap;border-radius:4px;margin:4px 0px;min-width:130px;}
.sp-button:hover,.button:hover,.mf-button:hover{background:var(--buttonhoverbg);color:var(--buttonhover);}
.min-button{min-width:30px!important;max-width:30px!important;padding:6px 5px!important;}
.mid-button{min-width:60px!important;max-width:60px!important;padding:6px 10px!important;}
.sp-panel{background:var(--diamodalbg);color:var(--diamodal);padding-top:15px;padding-bottom:15px;}
.sp-control-panel{background:var(--diamodalcontrolbg);padding-top:10px;padding-bottom:10px;}

#ProgressBackgroundFilter{position:fixed;z-index:7001;height:100%;width:100%;top:0;background-color:#000000;opacity:0.8;filter:alpha(opacity=80);-moz-opacity:0.8;}  
#ProgressSolidBackground{position:fixed;z-index:7002;height:100%;width:100%;top:0;}  
#ProgressPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,0);z-index:1001;margin-top:-64px;}

.top-bar{z-index:1002;min-width:318px;height:46px;color:var(--topbar);background:var(--topbarbg);}

.bar-logo-wrapper{width:180px;padding:5px!important;}
.bar-logo{ background:url('../images/bar-logo.png') no-repeat;width:170px;height:36px;}
.main-container{padding-left:10px;padding-right:10px;padding-top:46px; max-width:1920px;}

.side-bar{width:var(--sidebarwidth)!important;color:var(--body);background-color:var(--sidebarbg);overflow:hidden;border-right:var(--sidebarandmenurightborder);}
.side-bar .w3-bar-item:hover{background-color:var(--sidebariconhoverbg)!important;}

.panel{background:var(--panelbg);color:var(--panel);border:0px!important;margin-top:10px;margin-bottom:10px;}
.panel-radius{border-radius:6px;}
.caption{font-size:17px;color:var(--caption);background:var(--captionbg);padding:8px 16px;border-top-left-radius:5px;border-top-right-radius:5px;}
.mid-caption{font-size:17px;color:var(--caption);background:var(--captionbg);padding:8px 16px;}
.mid-caption-small{font-size:14px;color:var(--caption);background:var(--captionbg);padding:6px 16px;}
.form-label{padding-bottom:4px;color:var(--label);}
.form-label-nopad{color:var(--label);}
.bold{font-weight:700!important;}
.paragraph{padding:10px 16px;}
.w3-row-padding .paragraph{padding-top:10px!important;padding-bottom:10px!important;}
.content{padding:10px 16px;color:var(--body);background:var(--contentbg);}
.control-panel{color:var(--body);background:var(--controlbg);padding-top:10px;padding-bottom:10px;}

.pointer{cursor:pointer;}

.delete{background-image:url('../images/delete_bg.png');background-repeat:no-repeat;}
.delete:hover{background-image:url('../images/delete_bg.png');background-repeat:no-repeat;}
.save{background-image:url('../images/save_bg.png');background-repeat:no-repeat;}
.save:hover{background-image:url('../images/save_bg.png');background-repeat:no-repeat;}
.new{background-image:url('../images/new_bg.png');background-repeat:no-repeat;}
.new:hover{background-image:url('../images/new_bg.png');background-repeat:no-repeat;}
.back{background-image:url('../images/back_bg.png');background-repeat:no-repeat;}
.back:hover{background-image:url('../images/back_bg.png');background-repeat:no-repeat;}

@media (max-width:600px){
    .sp-button,.mf-button{min-width:100%;}     
    .RadTabStrip .rtsLevel1 .rtsLI{width:25%;text-align:center;} 
    .RadTabStrip .rtsLevel1 .rtsLI .rtsLink{padding:4px;}
   .RadTabStrip {padding-left:5px;padding-right:5px;}
    
}
@media (min-width:601px){
    .mf-button{min-width:235px;width:100%;}
    .sp-button{min-width:100%;}
    .main-container{padding-left:var(--nomobilemaincontainerleftpadding);}
     .RadTabStrip {padding-left:20px;}
    
}
@media (min-width:993px){
    .mf-button{min-width:180px;width:100%;max-width:450px;}
    .sp-button{min-width:235px}
     .RadTabStrip {padding-left:20px;}    
}

.padding-2{ padding:2px !important;} 
.padding-4{padding:4px !important;} 
.padding-8{padding:8px !important;} 
.padding-v8{padding-top:8px;padding-bottom:8px;}
.padding-h4{padding-right:4px;padding-left:4px;}
.padding-r10{padding-right:10px;}
.padding-r20{padding-right:20px;}
.padding-r4{padding-right:4px!important;}
.padding-l4{padding-left:4px!important;}
.padding-t8{padding-top:8px;}
.padding-t14{padding-top:14px;}
.padding-b14{padding-bottom:14px;}
.margin-0{margin:0!important;}

.v-top {vertical-align: top !important;}
.v-center {vertical-align: middle !important;}

.riTextBox,.text-box{font-family:"Helvetica Neue",Arial,Verdana !important;color:var(--input)!important;padding:5px !important;font-size:13px !important;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;background:var(--inputbg)!important;padding-top:6px !important;margin-top:-1px !important;border:var(--inputborder)!important;box-sizing:border-box;} 
.riTextBox:focus,.riTextBox:hover,.w3-input:focus,.w3-input:hover,.w3-select:focus,.w3-select:hover{border-color:var(--inputhoverborder)!important;background:var(--inputhoverbg)!important}
.datetime .riTextBox{width:130px!important;padding:5px!important;padding-top:7px!important; margin-top:0px!important;height:27px!important;}

.autocompletelist{border:var(--autocompletelistborder);color:var(--autocompletelist);background:var(--autocompletelistbg);padding:0px;margin-top:1px;}
.autocompletelist-item{list-style:none;margin:0px;padding:0px;text-indent:0px;padding:5px;}
.autocompletelist-highlight{background-color:var(--autocompletelisthlbg);color:var(--autocompletelisthl);list-style:none;padding:5px;}

.w3-input,.w3-select{color:var(--input)!important;background:var(--inputbg)!important;border:var(--inputborder)!important;}
.w3-input:hover,.w3-select:hover{border:var(--inputhoverborder)!important;background:var(--inputhoverbg)!important;}
.w3-input:focus,.w3-select:focus{border:var(--inputhoverborder)!important;background:var(--inputhoverbg)!important;}

.hidden-frame{width:0px;height:0px;border:0px;position:absolute;top:-5000px;left:-5000px;}

.country-code{width:60px!important;margin-right:2px;padding-top:6px!important;height:29px!important;}
.country-code-wrapper{width:60px!important}

.h60{height:60px;}
.h70{height:70px;}
.h80{height:80px;}
.h90{height:90px;}
.h100{height:100px;}
.h120{height:120px;}

.max30{max-width:30px!important;}
.max60{max-width:60px!important;}
.max70{max-width:70px!important;}
.max80{max-width:80px!important;}
.max100{max-width:100px!important;}
.max120{max-width:120px!important;}
.max150{max-width:150px!important;}
.max200{max-width:200px!important;}
.max225{max-width:225px!important;}
.max250{max-width:250px!important;}
.max300{max-width:300px!important;}
.max350{max-width:350px!important;}
.max400{max-width:400px!important;}
.max450{max-width:450px!important;}
.max500{max-width:500px!important;}
.max600{max-width:600px!important;}
.max700{max-width:700px!important;}
.max800{max-width:800px!important;}
.max900{max-width:900px!important;}
.min100{min-width:100px!important;}
.min150{min-width:150px!important;}
.min220{min-width:220px!important;}
.min280{min-width:220px!important;}

.drt-media-panel{background:var(--drtmedialistbg);}
.drt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1em;}
.drt-listing{position:relative;overflow:hidden;border:var(--drtmediaborder);border-radius:5px;}
.drt-listing:hover{border:var(--drtmediaborderhover);}
.drt-listing-image{width:100%;height:auto;cursor:pointer;overflow:hidden;}                
.drt-tool-line{font-size:10px;color:var(--drttoolinfo);padding:4px;background:var(--controlbg);display:flex;justify-content:flex-end;height:30px;vertical-align:middle;}
.drt-tool-info{font-size:10px;padding-top:3px;padding-left:2px;background:var(--controlbg);color:var(--drttoolinfo);}
.drt-listing:hover .drt-tool-line{background:var(--panelbg)!important;} 
.drt-listing:hover .drt-tool-info{background:var(--panelbg)!important;}         
.drt-listing:hover .drt-title{background:var(--drtmediatitlehoverbg)!important;color:var(--drtmediatitlehover)}
.drt-title{background:var(--drtmediatitlebg);color:var(--drtmediatitle);overflow:hidden;height:30px;white-space:nowrap;}
.drt-listing-icon{width:100%;height:60px;background-repeat:no-repeat!important;background-position:center center!important;cursor:pointer;} /*background-color:#fafafa!important;*/
.drt-thumb:hover{background:var(--buttonhoverbg);}
.drt-thumb-selected{background:var(--buttonbg)!important;}
.drt-thumb-selected:hover{background:var(--buttonhoverbg)!important;}
.drt-listing a,drt-listing a:visited{outline:none;color:var(--buttonbg);text-decoration:none;} 
.drt-listing a:hover{color:var(--buttonhoverbg);}
.drt-media-tabs .rtsTop .rtsLevel1 {border-bottom:0px!important;}
.drt-media-tabs .rtsLevel1 .rtsLink {background-image:none!important;background:var(--drtmediatabbg)!important;border:var(--drtmediatabborder)!important;}
.drt-media-tabs .rtsLevel1 .rtsLink:hover {background-image:none!important;background:var(--drtmediatabhoverbg)!important;}
.drt-media-tabs .rtsLevel1 .rtsLink:hover .tabicon{color:var(--tabiconhover)!important;}
.drt-media-tabs .rtsLevel1 .rtsSelected .rtsLink {background-image: none !important;background: var(--drtmedialistbg) !important;}

.table-header {
    background: var(--listheaderbg) !important;
    color: var(--listheader) !important;
}
.table-header .th{font-weight:300!important;}
.table-footer{background:var(--panelbg);color:var(--panel);padding:10px;}
.w3-hoverable tbody tr:hover{background:var(--tablestripehoverbg);color:var(--tablestripehover);}
.list-table .w3-table-all{border:0px;}
.w3-table-all tr{border-bottom:var(--tablestripeborder);}
.w3-table-all tr:nth-child(odd){background:var(--tablestripeoddbg);color:var(--tablestripeodd);}
.w3-table-all tr:nth-child(even){background:var(--tablestripeevenbg);color:var(--tablestripeeven);}
.w3-table-all th{font-weight:300!important;}

.list-table .icon{width:37px;vertical-align:middle!important;}
.icon .fa{color:var(--icon);cursor:pointer;font-size:16px;}
.icon .fa:hover{color:var(--iconhover);}
.nopointer .fa {cursor:unset!important;}

.list-table .positive .fa{color:var(--infoiconpositive)!important;}
.list-table .negative .fa{color:var(--infoiconnegative)!important;}
.list-table .disabled .fa{color:var(--infoicondisabled)!important;}

.drt-tool-line .fa{font-size:15px;}
.drt-tool-icon {cursor:pointer;color:var(--buttonbg);margin-left:4px;margin-right:4px;}
.drt-tool-icon:hover {cursor:pointer;color:var(--buttonhoverbg)}
.list-sort-title{color:var(--listsort);cursor:pointer;font-weight:300;}
.list-sort-title:hover{color:var(--listsorthover);}
.list-sort-title .fa{padding-left:3px;}
.tabicon{color:var(--tabicon)!important;}
.rtsSelected .tabicon{color:var(--tabiconselected)!important}
.tabiconwrapper{width:32px;}

.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f26{font-size:26px;}

.pagination{display:inline-block;padding:8px 0px;}
.pagination-enabled,.pagination-option{background:var(--buttonbg);color:var(--button);cursor:pointer;}
.pagination-active,.pagination-enabled:hover,.pagination-option:hover{background:var(--buttonhoverbg);color:var(--buttonhover);}
.pagination-enabled,.pagination-disabled,.pagination-active,.pagination-option{border:0px;border-radius:3px;padding:4px 4px 3px 4px;margin:3px 3px;text-align:center;}
.pagination-disabled{background:var(--buttondisabledbg);color:var(--buttondisabled);}
.pagination-info{color:var(--panel);}

::-webkit-scrollbar{width:15px;}
::-webkit-scrollbar-track{background:var(--scrollbg);}
::-webkit-scrollbar-thumb{background:var(--scrollbuttonbg);border-radius:4px;}    
::-webkit-scrollbar-thumb:hover{background:var(--scrollbuttonhoverbg);}
.narrow-scrollbar::-webkit-scrollbar {width: 8px !important;}


textarea::-webkit-scrollbar-track {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
textarea::-webkit-scrollbar-thumb {border-top-left-radius: 0px;border-bottom-left-radius: 0px;cursor:pointer;}

.map-panel{height:500px;width:100%;}

.RadUpload .ruFileWrap .ruButton{border:0px!important;color:var(--button)!important;background:var(--buttonbg)!important;border-radius:3px!important;font-family:"Helvetica Neue", Arial, Verdana!important;font-size:13px!important;padding-top:4px!important;cursor:pointer!important;height:28px!important;}
.RadUpload .ruFileWrap {height:28px!important;padding-top:0px!important;}
.RadUpload .ruFileWrap:hover .ruButton{color:var(--buttonhover);background:var(--buttonhoverbg)!important;}
.RadUpload .ruFileWrap input{cursor:pointer!important;}
.ruDeleteLinkButton, .ruDeleteLinkButton:hover, .ruDeleteLinkButton:visited{border: 0px !important;text-decoration: none;}
.ruRemove, .ruButton, .ruCancel {border: 0px !important;outline: none;box-shadow: none;float:left!important;}
.ruInfoText{font-size:11px; font-style:italic;padding:4px 0px 2px 0px;}


.top-menu-button .fa {width:20px!important;}


.message-panel .w3-button:hover {color: var(--buttonhover) !important;background-color: var(--buttonhoverbg) !important}

.captcha{border-top:0px; margin:0 auto; width:100%;padding-top:10px;}
.captcha-block{width:100px; vertical-align:top;}
.captcha-image{margin: 0 auto;width:120px!important;height:35px!important;}
.captcha-info{vertical-align:top;padding-top:12px;}
.captcha-label{padding-bottom:25px;text-align:right;padding-right:10px;}
.captcha-description{padding-bottom:25px;text-align:right;padding-right:10px;padding-top:4px;}

.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}

.dash-grid {display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));grid-gap:1em;text-align:center;}
.dash-listing {position:relative;overflow:hidden; margin:7px;border-radius:8px!important;aspect-ratio: 16 / 11}
.dash-listing-image {width:100%;height:auto;cursor:pointer;overflow:hidden;}
.dash-listing:hover {transition: transform .2s;transform: scale(1.04);}
.dash-listing:hover .drt-listing-image{transition: transform .2s;transform: scale(1.04);}
.dash-text{position:absolute;z-index:101!important;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:16px;padding-top:50px;color:var(--dash);}

.highlight{background:var(--inputhighlightbg)!important;color:var(--inputhighlight)!important;}
.highlight:hover{background:var(--inputhighlightbg)!important;}
.highlight:focus{background:var(--inputhighlightbg)!important;}

.gate-panel{width:95%;z-index:5000;border:1px solid #dddddd!important;}
.video-bg {position: fixed;top: 0;left: 0;height: 100%;width: 100%;object-fit: cover;z-index: -2;}
.video-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 200, 0, 0.4); z-index: -1!important;}

.chat-item-o{margin-left:20%;padding:2px;margin-bottom:8px;border-radius:6px;background:#9bb8c3;color:#222222;}
.chat-item-e{margin-right:20%;padding:2px;margin-bottom:8px;border-radius:6px;background:#cdcca6;color:#222222;}
.chat-name{font-weight:700;font-size:11px;}
.chat-photo{width: 70px; border-radius: 6px;}
.chat-time{font-size: 10px;font-style:italic;text-align:right;}

/*
    Icons:
    fa-edit
    fa-trash-can
    fa-info
    fa-circle-info
    fa-circle-question
    fa-circle-xmark
    fa-xmark
    fa-check
*/