@media print {
	@page { margin: 0; }
	body { margin: 1.6cm; }
	#Header, #Footer { display: none !important; }
}

button { 
    margin: 0; 
    padding:0; 
    border: 0; 
    outline:0; 
    font-size: 0.95rem; 
    vertical-align:baseline; 
    background:transparent 
}

:focus { outline: 0 }


html, body {
    margin: 0;
    padding: 0;
    font-family: Tahoma, sans-serif;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
}



/*ul { list-style: none; }*/
#Container{ display: flex; flex-direction: column; box-sizing: border-box; background-color: #fff; 
	min-width: 100%; width: auto; min-height: 100%; height: auto; text-align: left; margin: 0; padding: 0 } 
#Top-Box { margin: 0; padding: 0; position: sticky; top: 0px; box-sizing: border-box; border:0px solid black;
	display: flex; align-items: center; align-content: center; height: 38px; width: 100%; background: #fff}
#Top-Box #Logo-Box { flex: 0 1 19%; border:0px solid green; }
#Logo-Box img { height: 35px }
#Top-Box #Mini-Dash { flex: 0 1 64%; border:0px solid yellow;}
#Top-Box #Links-Box { display: flex; flex: 0 1 18%; border:1px solid yellow; height: 30px; padding-right: 4px; align-content: center; align-items: center}


#Top-Box #Links-Box span { display: inline-block; height: 20px; border: 1px solid green; width: 160px }




#Content { flex: 1; margin: 0; padding: 0; position: relative; box-sizing: border-box; width: 100% }
footer { margin: 0; padding: 0; display: none; align-items: center; align-content: center; position: fixed; bottom: 0; width: 100%; background: #dfe6e9; color: #2d3436; line-height: 150%; min-height: 40px; height: auto }
footer div { position: relative; width: 100%; text-align: center; font-size: 12px }

#left-menu { bottom: 0px; top: 0; position: relative; left: 0; box-sizing: border-box; min-height: 20px; height: 100%; flex: 0 1 20%;
	background: #FFF; align-self: stretch; padding: 0; margin: 0 2px 0px 20px; border:1px solid;
	}

#menu-container {  bottom: 0px; position:sticky; position: -webkit-sticky;
  overflow-x: scroll;background: #FFF; ;height:100%;
border: 0px solid; width: 100%;
}

#center-col { flex: 0 1 80%; border: 0px solid yellow; height: 100%;
	position: relative; background: #FFF; align-self: stretch; padding: 0; margin: 0;   }

#mod-container { overflow-x: scroll; height:100%;bottom: 0px;
   position:relative; background: #FFF; width: 100%; padding-left: 2px; 
border:1px solid green;
}



#mod-container.noc { height: auto;}

#right-col { bottom: 0px; top: 0; flex: 1; border-left: 1px dotted #95a5a6; 
	position: relative; box-sizing: border-box; background: #FFF; align-self: stretch; padding: 0; margin: 0;  }



#Menu-Bar { margin: 0; padding: 0; position: relative; box-sizing: border-box; background: #2574A9; 
	width: 100%; height: 30px; min-width: 1024px; display: flex; justify-content: flex-start; align-items: center; align-content: center }

#Menu-Bar ul { padding-left: 80px; width: 90%; color: #FFF; list-style: none; position: absolute; display: inherit;align-items: center; align-content: center }
#Menu-Bar ul li { height: 30px; line-height: 30px; display: flex; position: relative; margin: 0; font-size: 14px; align-items: center; align-content: center  }
#Menu-Bar ul li.hide {display:none}
#Menu-Bar ul li.spacer { flex: 1 0 auto; justify-content: flex-end; align-items: flex-end; align-content: flex-end;}
#Menu-Bar ul li.user { margin-right: 50px; text-align: right; flex: 0 1 auto; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
#Menu-Bar ul li.user a { text-align: left; min-width: 120px; justify-content: flex-end; align-items: flex-end; align-content: flex-end; }
#Menu-Bar ul a { color: #FFF; display: block; width: auto; text-decoration: none; padding: 0px 10px; outline: none; outline-offset: 0; cursor: pointer;  }
#Menu-Bar ul a:hover { color: #333; background: #CCC; text-decoration: none; width: 100% }
#billing-nav:hover { color: #333; background: #CCC; text-decoration: none }
.tab button, .tab-active button { outline: none; outline-offset: 0; cursor: pointer; color: #000 }
.tab-form button, .tab-form-active button { outline: none; outline-offset: 0; cursor: pointer; color: #000 }


#Menu-Bar ul ul { display:none; border: 1px solid #CCC; position: absolute; top: 100%; left: 0; width: auto; background: #FFF; color: #333; padding: 4px 0; z-index: 1 }
#Menu-Bar ul ul li { height: 23px; width: 150px; }
#Menu-Bar ul ul li.med { width: 200px; }
#Menu-Bar ul ul li.line { height: 1px; border-bottom: 1px solid #CCC; margin: 5px 0; }
#Menu-Bar ul ul a { color: #333; line-height: 120%; padding: 4px 5px 4px 10px; outline: none; outline-offset: 0; cursor: pointer;  width:100%}
#Menu-Bar ul ul li.sub a { color: #333; line-height: 120%; padding: 4px 5px 4px 30px; outline: none; outline-offset: 0; cursor: pointer;  }
#Menu-Bar ul ul li.line a { color: #333; line-height: 120%; padding: 4px 5px 4px 10px; outline: none; outline-offset: 0; cursor: pointer;   }
#Menu-Bar ul ul a:hover { background: #2574A9; color: #FFF }
#Menu-Bar ul ul li.sub a:hover { background: #2574A9; color: #FFF }
#Menu-Bar ul ul ul { top: 0; left: 100%; display:inline; border: 1px solid black}
#Menu-Bar ul ul ul li { height: 23px; width: 150px; }

ul { list-style: disc}
ul.ul-list { list-style-type: initial}
/*
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #4e86ed } 
a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: inherit } 
*/
a.crumb { padding: 0px 4px }
#footer-wrapper { background-color: #D9D9D9; border: 0px solid #ccc; margin: 0; padding: 0; text-align: justify; min-width: 1024px; 
	width: 100%; height: 200px; position: relative; overflow: hidden }


.admin-menu-bar { position:fixed; z-index: 1; width: 145px; top: 62px; left: 0px; }
.content-container { width: 1280px; margin-left: 100px; }



/* Login Box */
#login-container { position: fixed; top: 40%; left: 50%; height: 250px; width: 450px; margin-left: -225px; margin-top: -125px; text-align: left; padding: 0 } 
.login-box { background-color: #e8eef4; margin-top: 10px; border: 1px solid #303030; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding-bottom: 10px;}
.login-box h3 { padding: 5px 15px 4px; font-size: 16px; background: #0084ca; border-bottom: 1px solid #303030; color: #FBFCFC; text-align: center;
	margin-bottom: 10px; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 }
.login-copy { display: inline-block; padding-left: 2px; padding-right: 5px; width: 100px; font-size: 15px }
.login-buttons { width: 65%; text-align: right; padding-right: 5px; margin-top: 5px }
.pass-button { text-align: center; padding-right: 0px; margin-top: 5px; padding-left: 10px }
.field-row { margin: 2px 10px }
.field-pass { margin: 0 auto; width: 150px }
.field-copyright { text-align:center;margin:5px }
.field-powerby { text-align:center;margin:5px;font-size:12px }
#loginError, #loadLogin { display: block; position: absolute; padding-bottom: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: white; 
	border-radius: 8px; overflow: auto; top: 18%; left: 50%; width: 400px; height: 25px; margin-left: -200px; 
	margin-top: -50px; }
#loginError {  color: #D8000C;  border:1px solid #D8000C; text-align:center }
#loginError h3 { font-weight: bold; font-size: x-large }
#loginError span { display: block; height: 20px; line-height: 20px; font-weight: medium }




#portal-header { height: 60px; line-height: 60px; width: 99%; margin-top:3px; }

.content-box-wrapper { background: #e8eef4; margin: 10px auto; padding: 0 0 10px; border:0px solid #000; border-radius: 0px }
.content-box-header { display: block; background:#4e86ed; color: #FFF; padding:2px 4px; font-size:large; font-weight:bold; margin-bottom: 5px;
	border-radius: 0px 0px 0 0}
/*.content-box-subheader { background: #0085cc; border-radius: 8px 8px 0 0; color: #FFF; padding:2px 4px; display: block; font-size:medium; font-weight:bold; margin-bottom: 5px }
*/


#dashboard-header { margin: 5px 0 5px 5px; font-size:xx-large }
#dashboard-subheader { margin: 5px; padding-top: 10px; padding-left: 5px;  width:98%; font-size: 15px }
#service-details { display:none; position: fixed; z-index: 1; top: 125px; left: 225px; padding: 0; height: 450px; width: 925px; background: #fff; border: 1px solid #d9e6f0; overflow: auto}



/* Panel Tabs */
.tab { display: flex; align-items: center; float: left; padding: 0 8px; font-size: 14px; margin-right: 5px; justify-content: center; cursor: pointer; background: #d9e6f0; color: #000; width: auto; height: 25px; border: 1px solid #6183a6; border-bottom: none; border-radius: 8px 8px 0 0 }
.tab .tab-active { height: 25px; line-height: 25px; background: none; border: none; outline: none; outline-offset: 0; cursor: pointer; color: #000 }
.tab .tab-active { background: #1E8BC3; color: #FFF }
.tab-active1 { color: #f3f9ff }
.tab .small { width: 75px }
.tab .normal { width: 125px }
.tab .large { width: 175px }
.tab .large { width: 225px }
.tab-form { display: flex; align-items: center; float: left; padding: 0 8px; font-size: 14px; margin-right: 5px; justify-content: center; cursor: pointer; background: #d9e6f0; color: #000; width: auto; height: 25px; border: 1px solid #6183a6; border-bottom: none; border-radius: 8px 8px 0 0 }
.tab-form.tab-active { height: 25px; line-height: 25px; background: none; border: none; outline: none; outline-offset: 0; cursor: pointer; color: #000 }
.tab-form.tab-active { background: #1E8BC3; color: #FFF }
.tab-form-active1 { color: #f3f9ff }
.tab-form .small { width: 75px }
.tab-form .normal { width: 125px }
.tab-form .large { width: 175px }
.tab-form .large { width: 225px }

#header-wrapper{ border:0px solid #ccc; width:1022px; position:relative; overflow:hidden; text-align: left; margin:0 auto; padding:0 }
.clear { clear:both; }

.menu-button-icon { height: 30px; width: 30px;
  line-height: 30px;
  padding: 0 2px;
  display: inline;
  font-size: 15px;
  margin: 0;  
  outline: none;
  outline-offset: 0;
  color: #0182d3;
  text-decoration: none;
  cursor: normal;
  border:none;
  text-align:center;
  background: #f2f2f2;
}

.top5 { margin-top: 5px }
.top15 { margin-top: 15px }
.data-box { width: 100%; border: 1px solid #6183a6; margin-top: 10px; padding: 4px; }

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

.menu-wrapper {
    margin-left: 0px;
    width: 100px;
    height: auto;
    min-height: 100%;
    
    background-color: #E0E0E0;
}

.menu-icon, .admin-menu { margin: 0px; float: left; text-decoration: none; height: 40px; line-height: 40px; border-bottom: 1px solid #FFF; border-right: 1px solid #FFF }
.menu-icon { background-color: #6699FF; color: #FFF; font-size: 16px; width: 40px; padding: 0px; text-align: center; outline: none; outline-offset: 0 }
.admin-menu { font-size: 14px; width: 100px; background-color: #E0E0E0; color: #000; cursor: pointer }

.admin-menu-sub {  clear: both; background-color: #E0E0E0; color: #000; border-bottom: 1px solid #FFF; height: 25px; padding-left: 25px; padding-top: 6%; cursor: pointer }
.admin-menu-sub-inside { padding-left:40px; }
.admin-menu:hover { color: #000; background: #EDEDED; text-decoration: none }
.admin-menu-sub:hover { color: #000; background: #EDEDED; text-decoration: none }




.icon-25 { height: 25px; line-height: 25px; width: 25px; font-size: 16px; background: none }
.icon-30 { height: 25px; line-height: 25px; width: 25px; font-size: 14px; background: #bdc3c7; border-radius: 6px }
.small-button { width: 75px }
.icon-menu { background: #ff5c00; color: #fff }
.narrow { height: 20px; margin: 0}
.button-icon, .button-icon-small, .icon-20 {
	
	height: 25px;
	line-height: 25px;
	
	width:25px;
}

.clear { clear: both }

.pinfo, .pinfo-right, .pinfo-left, .tipinfo, .formtip { position: relative; color: #00529B }
.button-icon-small { height: 35px; width: 25px; line-height: 35px; text-align:center; margin: 0; padding: 0}
.icon-20 { background:#cccccc;color: #444444; border-radius: 4px; height: 20px; width: 20px; line-height: 20px; text-align:center; margin: 0; padding: 0 }


.hide { display: none }

button#page, #links,  .page {
  background: none;
  padding: 2px;
  display: inline;
  font-weight: normal;
  font-size: 100%;
  margin: 0;  
  outline: none;
  outline-offset: 0;
  color: #0182d3;
  text-decoration: underline;
  cursor: pointer;
  border:1px solid black;
  width: 25px;
  
}

.link { background: none; color: #4e86ed; padding: 0; border: none; outline: none; outline-offset: 0; cursor: pointer; }
.btnlink, .useropt, .yesno, .proxyrt { padding: 0; border: none; outline: none; outline-offset: 0; cursor: pointer;  }



.login-form {
	border: 1px solid #cccccc;
  	padding: 2px 5px;
	line-height: 14px;
	font-size: 16px;
  	height: 32px;
  	width: 275px;
  	-webkit-border-radius: 1px;
  	-moz-border-radius: 1px;
	border-radius: 1px;
}



/* Form Fields */
.text-box, .select-box, .p-select, .text-area { border: 1px solid #CCC; letter-spacing: 1px;  text-indent: 5px;
	font-size: 14px;  height: 28px; min-width: 100px; width: auto; -webkit-border-radius: 4px; vertical-align: middle;
	-moz-border-radius: 6px; border-radius: 4px }
.qty-box, .qty { text-align: center; line-height: 28px; height: 28px; min-width: 57px; width: 57px }
.qty-mins { line-height: 26px; height: 26px; min-width: 57px; width: 57px }
.select-box, .p-select { text-indent: 0px }
.text-box, .text-area { height: 32px; }
.text-box, .select-box, .p-select { font-size: 14px; color: #606060 }

.dialgrp-box { resize: none; font-size: 14px }

.thinfield { height: 25px; font-size: 13px }
.text-box.small, .select-box.small { line-height: 24px; height: 24px; font-size: 14px; padding: 0px;}
.no-edit { background: #EEE }
.text-area { height: 100px; width: 275px; line-height: 1}
.text-box.edit { border: 1px solid #cccccc; padding: 2px 5px; line-height: 13px; font-size: 13px; height: 25px; width: 225px; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px }
.timer-box { height: 28px; min-width: 55px; width: 55px }
.amount { width: 90px; padding: 2px 8px }
.search-box, .q-search-box {
	border: 1px solid #cccccc;
  	padding: 2px 5px;
	line-height: 10px;
	font-size: 13px;
  	height: 25px;
  	color: #444444;
  	width: 250px;
  	
  	-webkit-border-radius: 1px;
  	-moz-border-radius: 1px;
	border-radius: 1px;
}
.text-box:focus, .select-box:focus { outline: none; border-color: #9ecaed; box-shadow: 0 0 10px #9ecaed; }
input:read-only { cursor: default}
input:read-only { border-color: none; box-shadow: 0 0 0 0 #ddd }
.form-error,.form-error:focus { outline: none; border-color: #FFBABA !important; box-shadow: 0 0 10px #FFBABA !important;  }
span.form-error-text { color: #FFBABA; font-weight:bold }
.search-box { height: 30px; line-height: 30px; font-size: 13px; border: 1px solid #BDC3C7 }
.beatpicker-clear { background: #6183a6; color: #fff; height: 20px; margin: 0px 5px; line-height: 20px; padding: 0 3px; width: 55px }
.text-box.view-text {  border:none; cursor: default }
.text-box.view-text:focus {  border:none; cursor: default; outline: none; box-shadow: none }

.text-box { font-size: 14px; height: 26px;line-height: 26px; }

.short { width: 100px }
.short1 { width: 125px }
.ipaddr { width: 140px }
.short2 { width: 150px }
.didfield { width: 115px }
.med { width: 200px }
.long { width: 300px }

.xmed { width: 250px }

.medx1 { width: 222px }
.len125 { width: 125px }
.len175 { width: 175px }
.long { width: 275px }
.xlong { width: 325px }
.xxlong { width: 450px }
.long2x { width: 450px }
.xxxlong { width: 600px }
.long3x { width: 725px }
.long5x { width: 900px }
.long4x { width: 800px }


.shortx1 { width: 150px }
.ringtimer { width: 150px }

.xxxshort { min-width: 30px; width: 30px; }
.xxshort { min-width: 50px; width: 50px}
.xshort { min-width: 60px; width: 60px }
.w75 { min-width: 75px; width: 75px }
.qtyfield { min-width: 45px; width: 45px}
.zip1field { min-width: 65px; width: 65px }
.zip2field { min-width: 55px; width: 55px }
input[type="submit"] {
  background: #0182d3;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 10px;
  border: 1px solid #000066;
  margin-top: 20px;
  color: white;
  
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.g60, .g80,
.g100, .g120, .g140, .g150, .g160, .g170, .g180, .g190,
.g200, .g210, .g220, .g230, .g240, .g260,
.g320, .g350, .g370,
.g400, .g410, .g430, .g460, .g480,
.g550, .g560, .g570, .g590,
.g610, .g620, .g640, .g670,
.g720, .g750, .g780, .g785,
.g800, .g850, .g880,
.g960, .g1014, .g1034, .g1074, .g1084, .g1096, .g1162, .g1290, .g2000, .g2006, .g2010 {
  display: inline; float: left; margin-left: 10px;
}
/* =Grid >> 12 Columns
--------------------------------------------------------------------------------*/
.b24 { width: 24px }
.b30 { width: 30px }
.b35 { width: 35px }
.b40 { width: 40px }
.b50 { width: 50px }
.g60, .b60 { width: 50px }
.b70 { width: 60px }
.g80, .b80 { width: 70px; }
.g90, .b90 { width: 80px; }
.g100, .b100 { width: 90px; }
.b110 { width: 100px }
.g120, .b120 { width: 110px; }
.g140 { width: 130px; }
.g150, .b150 { width: 140px }
.g160, .b160 { width: 150px; }
.g170, .b170 { width: 160px; }
.g180, .b180 { width: 170px; }
.g190, .b190 { width: 180px; }
.g200, .b200 { width: 190px; }
.g210, .b210 { width: 200px; }
.g220, .b220 { width: 210px; }
.g230, .b230 { width: 220px; }
.g235, .b235 { width: 225px; }
.g240, .b240 { width: 230px; }
.g260, .b260 { width: 250px; }
.g280, .b280 { width: 270px; }
.g290, .b290 { width: 280px; }
.g300, .b300 { width: 290px; }
.g320, .b320 { width: 310px; max-width: 310px}
.g350, .b350 { width: 340px; }
.g370, .b370 { width: 360px; }
.g390, .b390 { width: 380px; }
.g400, .b400 { width: 390px; }
.g410, .b410 { width: 400px; }
.g430, .b430 { width: 420px; }
.g460, .b460 { width: 450px; }
.g480, .b480 { width: 470px; }
.g480, .b510 { width: 500px; }
.g550, .b550 { width: 540px; }
.g560, .b560 { width: 550px; }
.g570, .b570 { width: 560px; }
.g590, .b590 { width: 580px; }
.g610, .b610 { width: 600px; }
.g620, .b620 { width: 610px; }
.g640, .b640 { width: 630px; }
.g670, .b670 { width: 660px; }
.g720, .b720 { width: 710px; }
.g750, .b750 { width: 740px; }
.g780, .b780 { width: 770px; }
.g785, .b785 { width: 775px; }
.g800 { width: 790px; }
.g850, .b850 { width: 840px; }
.g880, .b880 { width: 870px; }
.g960, .b960 { width: 950px; }
.g1014, .b1014 { width: 1004px }
.g1034 { width: 1024px }
.b1024 { width: 1024px }
.g1074 { width: 1064px }
.g1084, .b1084 { width: 1074px }
.g1096, .b1096 { width: 1086px }
.g2000, .b2000 { width: 1090px }
.g2006 { width: 1096px }
.g1162 { width: 1152px }
.g1290 { width: 1280px }
.g2010, .b2010 { width: 2000px }
.b90 { width: 90px; }
.b130 { width: 130px; }
.b140 { width: 140px; }
.b480 { width: 480px; }
.b590 { width: 590px; }
.b640 { width: 640px; }
.b720 { width: 720px; }
.b800 { width: 800px; }
.b810 { width: 810px; }
.b975 { width: 975px; }
.b30, .b40, .b280,
.b50,
.b60, 
.b70,
.b80,
.b90,
.b100,
.b110,
.b120, .b130, .b140, .b150,
.b160,
.b170,
.b180,
.b190,
.b200,
.b220,
.b230,
.b260,
.b240,
.b260, .b290, .b300,
.b320,
.b350,
.b370,
.b390,
.b400,
.b410,
.b430,
.b460,
.b480,
.b560,
.b570,
.b975,
.b590,
.b620,
.b640,
.b720,
.b750,
.b800, .b850,
.b880,
.b960,
.b210,
.b230,
.b670, .b2000, .b35,.b1024 {
  display: inline-block; height: auto; line-height: auto
}


.tab-data-box { border: 1px solid #4e86ed }

.ticket-results { font-size: 14px; line-height: 20px; min-height: 30px; height: auto; padding: 2px 2px; padding-left: 8px; margin: 0px 0; border-bottom: 1px solid transparent; border-top: 1px solid transparent }
.content-frame { margin-top: 7px } 
.no-ml { margin-left: 0 }

.display-row-thin .hint-text, .display-row-thin .hide .hint-text { display: inline-block; height: auto; line-height: auto; width: 500px }
span.small { font-size: 13px }


.row-spacer { clear: both; height: 10px }
.row-spacer0 { clear: both; height: 0px }
.row-spacerx2 { clear: both; height: 20px }
.white-border {
    border: 1px solid #FFF;
}

.header { font-weight: bold; font-size: 14px; padding: 2px; color: #000; margin-right: 0px; border-bottom: 1px solid #000}
.header .large { font-size: 14px } 
.results-row, .header-row { height:15px; line-height: 15px; padding: 2px; margin: 2px 4px }

.no-mr { margin-right: 0 }


.bold { font-weight: bold }
.italic { font-style: italic; }
.right { text-align: right; padding-right: 4px; }

.view-sub-data { margin-top:5px; margin-left: 15px }
.display-row { padding: 2px 0; margin: 0px; min-height: 24px; line-height: 150%; height: auto }
.summary-row { display: flex; align-items: center; min-height: 16px; padding: 0 }
.flex { display: flex; align-items: center }

.rtl { justify-content: flex-end }
.small-txt { font-size: 12px }
.tip-hint { font-size: 12px }
.display-row-thin { padding: 1px 0; margin: 1px 2px; height: 20px; line-height: 20px }
.display-row-thin { min-height: 20px; height: auto }
#e911-widget.display-row-thin { min-height: 14px; 
    font-size: 14px;
    border: none;
    margin: 0px;  
    outline: none;
    outline-offset: 0;
    text-decoration: none;
	cursor: pointer
}
div#pagelist { margin-left: 9px; padding: 3px; border:1px solid black }

.page { background: #6183a6; color: #fff; border:0px solid #ff5c00 }
#page-box { margin:5px auto; width:80%;text-align:center }
#page-box span { display: block }
#page-box span.paging-head { font-weight:bold;margin:4px }

.search-icon {
    display:inline-block;
    height:16px;
    width:16px;
	line-height: 16px;
	text-align: center;
    padding: 0;
	margin: 0;  
  	outline: none;
  	outline-offset: 0;
    color:#000;
    font-size:small;
	cursor: pointer
}



#circle, .circle {
	width: 25px;
	height: 25px;
	background: #333;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.ml-50 { margin: 10px 0 10px 0; margin-left: 50px }
.ml-100 { margin: 10px 0 10px 0; margin-left: 100px }
.ml-200 { margin: 10px 0 10px 0; margin-left: 200px }
.ml-250 { margin: 10px 0 10px 0; margin-left: 250px }
.ml-300 { margin: 10px 0 10px 0; margin-left: 300px }
.ml-400 { margin: 10px 0 10px 0; margin-left: 300px }
.ml-450 { margin: 10px 0 10px 0; margin-left: 450px }
.elipses { padding-bottom: 0; padding-top: 0; margin-left: 0; outline: none; outline-offset: 0; }
.mr-5 { margin-right: 5px }
.mr-10 { margin-right: 10px }
.ml-5 { margin-left: 5px }
.ml-10 { margin-left: 10px }




	


.post-button-small, .post-button, .btn-action {
    margin-left: 1px; font-size: 13px; min-width: 75px; width: auto; padding: 0 6px; height: 35px; background: #E8E8E8; color: #000; border: 1px solid #949494; border-radius: 4px; 
}

/**
 * Module Headers
 */
#mod-header { position: relative; box-sizing: content-box; flex-direction: row;  }
#mod-header { display: flex; flex: 1 0 99%; line-height: 24px; height: 24px; font-size: 24px; width: 99%; padding: 2px 0px 10px 0px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #222; }

#mod-sub-subhead { position: relative; box-sizing: border-box; width: 98%; font-size: 14px; line-height: 150%; min-height: 16px; height: auto; padding: 3px; margin: 0px 2px 5px 10px }
#mod-datahead { border-bottom: 1px solid #222; position: relative; box-sizing: border-box; width: 100%; font-size: 16px; line-height: 150%; min-height: 16px; height: auto; padding: 0px; margin: 5px 0px 10px 0px }

#mod-menu-bar { position: relative; width: 98%; box-sizing: content-box; margin: 10px 5px 5px; padding-bottom: 8px; border-bottom: 0px solid #222;}
#mod-tab-bar { position: relative; width: 98%; box-sizing: content-box; margin: 0px 5px; padding-bottom: 0px; border-bottom: 0px solid #222;}
#mod-sub-menu { position: relative; box-sizing: content-box; margin: 10px 5px 10px 10px; padding-bottom: 8px; }

#sub-mod-header, .order-title { position: relative; box-sizing: content-box; font-size: 18px; line-height: 20px; min-height: 20px; height: auto; padding: 0px 5px; margin: 5px 5px 5px 0px }
#sub-mod-header-byline, #sub-mod-profile { position: relative; box-sizing: content-box; font-size: 16px; line-height: 20px; height: 20px; padding: 0px 5px; margin: 5px 5px 5px }
#sub-mod-menu { position: relative; box-sizing: content-box; margin: 10px 15px }

#mod-context-container { position: relative; box-sizing: content-box; margin-top:10px; margin-left: 10px }
#mod-back-link { position: relative; box-sizing: border-box; height: 20px; padding: 3px; margin: 5px 2px }
#mod-sec-title { position: relative; box-sizing: border-box; font-size: 16px; line-height: 20px; height: 20px; padding: 0px 5px; margin: 10px 0 15px 15px; font-weight: bold }

#voice-mod-header { font-size: 200%; line-height: 22px; height: 22px; padding: 0px 5px; margin: 10px 5px 15px 10px }

.fullw { width: 100%; margin-right: 0px }
.w90p { width: 90%; margin-right: 0px }
.w98p { width: 98%; margin-right: 0px }

.search-box.shortx1.hide { display: none }
/* Buttons */

.btn-login { font-size: 16px }
.btn-link { color: #F3F9FF; padding: 0px; margin: 0; height: initial}

.btn-search { width: 60px; height: 25px }
.btn-tab { min-width: 120px; width: auto; font-weight: bold; text-decoration: none; border:1px solid #0084ca; color: #0084ca; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px }
.btn-tab-active { border: 3px solid #ff5c00; color: #ff5c00; }
.btn-tab:hover { border: 3px solid #0084ca }
.btn-menu { background: #0099FF; color: #FFF }
.btn-success, .alert-success { background: #bced91; color: #078300; border: 1px solid #008c00 }
.btn-error, .alert-error {  color: #D8000C; background-color: #FFBABA; border: 1px solid #D8000C }

.btn-info, .alert-info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; border: 1px solid #BDE5F8 }
.faicn-info {  color: #00529B; }
.btn-warning, .alert-warning {  font-weight: normal; color: #9F6000; background-color: #FEEFB3; border:1px solid #FEEFB3 }
.forgot-pass { font-weight: normal; font-size: 14px; color: #333333; height: initial; text-align: center; margin-left: 10px}
.forgot-pass:hover { text-decoration: underline }
.btn-med { width: 125px }
.btn-xmed { width: 145px }

/* Button Icons */
.btn-icon { min-width: 75px; font-size: 14px; height: 30px; border: 1px solid #949494; padding: 0 6px; border-radius: 2px; outline: none; outline-offset: 0; text-decoration: none; cursor: pointer }
.btn-icon1:hover { background: #bdc3c7 }
.btn-icon.thin { height: 25px; }
.btn-icon.btn-voice { height: 25px; background: #c7ecee;  color: #2c3e50; border: 0px solid #2c3e50; border-radius: 0}
.btn-icon.btn-voice.active {background: #2ecc71; color: #FFF; border: none}
.btn-icon.add-srvc { height: 27px; }
.icn-cancel { height: 25px; }
.btn-icon.btn-mod { height: 25px; background: #2574A9; color: #FFF}
.btn-icon.btn-submod { height: 20px }
.btn-new { min-width: 75px; width: auto; padding: 0 6px; border-radius: 2px; cursor: pointer }
.btn-icon.green { background: #2ecc71; color: white; border: 1px solid #2ecc71 }
.btn-icon.blue { background: #3498DB; color: white; border: 1px solid #3498DB; font-size: 14px }
.btn-icon.blue1 { background: #74b9ff; color: white; border: 1px solid #74b9ff; font-size: 14px }
.btn-icon.blue2 { background: #0984e3; color: white; border: 1px solid #0984e3 }
.btn-icon.purple { background: #9B59B6; color: white; border: 1px solid #8E44AD }
.btn-icon.light-green { background: #55efc4; color: white; border: 1px solid #8E44AD }
.btn-icon.remove { background-color: #c0392b; color: white; border:1px solid #c0392b }
.btn-icon.mint-green { background: #00b894; color: white; border: 1px solid #8E44AD }
.btn-icon.green:hover { background: #27ae60 } 
.icn-success { color: #27ae60 } 
.icn-off { background-color: #e74c3c; color: #FFF }
.icn-delete { height: 25px; min-width: 30px; width: auto; background-color: #c0392b; color: #FFF; border:1px solid #c0392b }
.icn-save { height: 25px; min-width: 30px; width: auto; background-color: #2ecc71; color: #FFF; border:1px solid #2ecc71 }
.icn-delete:hover { height: 25px; min-width: 30px; width: auto; background-color: #e74c3c; color: #FFF }
.icn-option { color: #3498db }
.icn-options { color: #95a5a6 }
.btn-icon.icnbg {min-width: 40px; width:40px}

.icn-remove { color: #c0392b }

.icn-off { background-color: #e74c3c; color: #FFF }
.status-icon { font-weight: normal; align-items: center; align-content: center; justify-content: center; padding: 0px 4px; min-width: 75px; width: auto; line-height: 25px; height: 25px; border-radius: 1px; font-size: 14px; }
.status-icon.small { min-width: 60px; height: 16px; line-height: 16px; font-size: 13px }
.status-icon.small.i-active { background: #27ae60; color: white; border: 1px solid #27ae60 }
.status-icon.small.i-active { background: #ccc; color: black; border: 1px solid #ccc }


.icn-active1 { color: #27ae60; }
.icn-active { color: #3498db; }
.icn-inactive { color: #ABB7B7; }


.status-label { font-weight: bold; align-items: center; align-content: center; justify-content: center; padding: 0px 4px; min-width: 75px; width: auto; line-height: 20px; height: 20px; border-radius: 1px; font-size: 13px; }
.status-label { border: 1px solid #3498db; background: #BDE5F8; color: #00529B; opacity: 0.8; letter-spacing: 1px; }
.btn-icon.yesno, .status-icon.yesno, .yesno-icon { cursor: pointer; height: 25px; min-width: 40px; padding: 0; margin: 0; justify-content: center; align-content: center; align-items: center;}

/*.icn-disabled:hover { background: #3498db; color: white; border: 1px solid #3498db;  }*/
.icn-closed { background: #c0392b; color: white; border: 1px solid #c0392b }
.status-icon.pending { background: #e67e22; color: white; border: 1px solid #e67e22 }
.agent-perms-list, .service-cfg { list-style: none }
.icon-new { background: #27ae60; color: white }
.icon-blue { background: #3498db; color: white } 
.hide { display: none }
.invisible { visibility: hidden }
.opt-icn { height: 25px; border-radius: 0 }


/* Service Orders */


.center { text-align: center; justify-content: center }
#tab-panel {  border-bottom: 1px solid black; display: flex; align-content: center; width: 1090px; justify-content: flex-start; align-items: center; margin-left: 10px }
.box,
.box-first,
.box-large,
.box-nested,
.box-row {
    position: relative;
    box-sizing: border-box;
    min-height: 1rem;
    margin-bottom: 0;
    background: #007FFF;
    border: 1px solid #FFF;
    border-radius: 2px;
    overflow: hidden;
    text-align: center;
    color: #fff
}

.mod-page-bar { position: relative; display: flex; align-items: center; justify-content: flex-start; align-content: flex-start; width: 100%; background: #2574A9; 
	font-size: 13px; padding: 2px 0px 2px 0px; border-radius: 8px 8px 0 0;
color: #FFF; height: 35px; margin-right: 0px; border-bottom: 0px solid #000 }

.data-header { position: relative; min-height: 25px; background: #e8eef4; font-weight: bold; font-size: 13px; padding: 2px 0px 2px 0px; 
color: #000; height: auto; display: flex; align-items: center; align-content: center;}
.bottom { height: 10px; border-radius: 0 0 0px 0px; background: #e8eef4; }

.data-results { background: #FFF; display: flex; min-height: 30px; padding: 4px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center; justify-content: flex-start;
	font-size: 13px; height: auto }

.data-results:nth-child(even), .numberslist:nth-child(even) { background: #FFF; display: flex; min-height: 30px; padding: 4px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center; justify-content: flex-start;
	font-size: 13px; height: auto }
.data-results:nth-child(odd), .ticket-results:nth-child(odd), .numberslist:nth-child(odd) { display: flex; min-height: 30px; padding: 4px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center;justify-content: flex-start;
	font-size: 13px; background: #F8F8F8; height: auto }
.data-results:last-child { border-bottom: none; display: flex; min-height: 30px; padding: 4px 0px; width: 100%;
	margin: 0; align-content: center; align-items: center;justify-content: flex-start;
	font-size: 13px; height: auto  }
.data-results:last-of-type { border-bottom: none; display: flex; min-height: 30px; padding: 4px 0px; width: 100%;
	margin: 0; align-content: center; align-items: center;justify-content: flex-start;
	font-size: 13px; height: auto  }
.data-header .left-pad { text-indent: 10px }
.data-results .left-pad { text-indent: 10px }

#numberlist {  position: relative; display: flex; width: 98%; border: 1px solid black }
#numberlist li { position: relative; display: flex; margin: 5px; height: 25px }

.didnumbers { position: relative; border: 1px solid black }
.content-box { justify-content: center; align-content: center; align-items: center; 
	flex: 1; margin: 10px 0px; border: 0px solid #303030; width: 100%; background: #f2f2f2; 
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-bottom: 0px; text-align: left }
.content-box h3, .nav-menu-box h3, .nav-menu-box h3.bottom { font-size: 15px; background: #0085cc; 
	border-bottom: 0px solid #303030;  width: 100%; height: 30px; display: flex;
	color: #fff; margin-bottom: 0; -webkit-border-radius:  8px 8px 8px 8px; -moz-border-radius:  8px 8px 8px 8px; border-radius:  8px; 
	flex: 1 1 100%;  justify-content: center; align-content: center; align-items: center;
}
/* Right/Left Nav Boxes */
.nav-menu-box, .ct-menu-box { justify-content: center; align-content: center; align-items: center; width: 250px;
	flex: 1; margin: 0 auto; margin-top: 5px; border: 1px solid #ABB7B7; background: #f2f2f2; 
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-bottom: 0px; text-align: left }
.nav-menu-box h3  { font-size: 18px; width: 100%; height: 35px; background: #ECF0F1; border-radius: 0px 0px 0px 0px; color: #333 }
.nav-menu-box h3 span { font-size: 15px; padding-left: 10px; width: 90%; justify-content: center; align-content: center; align-items: center; }
.nav-menu-box h3.bottom  { justify-content: center; align-content: center; align-items: center; height: 35px; background: #ECF0F1; border-radius: 0px 0px 0px 0px; color: #333 }
.nav-menu-box { background: none; border-radius: 0px;  }
.mod-page-menu { display: none }
.menu-box-data { padding: 5px 10px }

.menu-box-row { flex: 0 1 auto; display: flex; background: none; height: 25px; padding: 0; text-indent: 0px; width: 100%; margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center }
.last-menu-row { border-radius: 0 0 8px 8px }
.menu-box-row.main-menu-opt1 { background: #4183D7; color: #FFF;font-weight: bold }
.menu-box-row.main-menu-opt1 { background: #ced6e0; color: #FFF;font-weight: bold }

.menu-box-row.main-menu-opt:active { background: #c8d6e5; font-weight: bold }
.menu-box-row.main-menu-opt:link { background: #c8d6e5; font-weight: bold }


.menu-button, .menu-button-active { flex: 1; display: flex; min-width: 25%; width: 145px; height: auto; align-content: center; align-items: center;
  justify-content: flex-start; padding: 0 0px 0 5px; margin: 0 0 0 0px; outline: none; align-self: stretch; outline-offset: 0; color: #0182d3; text-decoration: none; cursor: pointer; border:none;
}
.menu-button.sub-menu { background: #bdc3c7; color: #fff; font-weight: bold}

.sub-menu-active { background:  #f5f6fa; font-weight:bold}

.active-menu-opt  { background: #c8d6e5; font-weight: bold }
.active-menu-opt a:active { background: #c8d6e5; font-weight: bold }
.active-menu-opt a:link { background: #c8d6e5; font-weight: bold }

.active-main-opt  { background: #D5E5E6; font-weight: bold }
.active-main-opt a:active { background: #D5E5E6; font-weight: bold }
.active-main-opt a:link { background: #D5E5E6; font-weight: bold }


.menu-button a:active { background: #D5E5E6; font-weight: bold}
.menu-button a:link { background: #ced6e0; font-weight: bold}
.menu-button a:visited { background: #ced6e0; font-weight: bold}
.menu-button a:hover { background: #DADFE1;  }

.menu-active { color: #fff}
.menu-active a:link { background: none;  }
.menu-active a:visited { background: #c8d6e5; font-weight: bold } 
.menu-active a:active { background: #4183D7;  }
.menu-active a:active { background: #DADFE1;  }
.menu-active a:active { background: #D5E5E6; font-weight: bold }
.main-opt-active { background: #D5E5E6; font-weight: bold; color: #FFF }

.menu-button span, .menu-button-active span { display: inline-block; padding: 0 0px 0 0px }
.menu-button span.subsrv, .menu-button-active span.subsrv { padding: 0 5px 0 15px }
.menu-button span.subsrvl2, .menu-button-active span.subsrvl2 { padding: 0 5px 0 25px }
.menu-button:hover { background: #DADFE1 }
.menu-button:hover { background: #ecf0f1 }

#user-menu { padding-right: 0px; min-height: 27px; height: auto; max-height:475px;overflow-y:auto;overflow-x:hidden}

span.menu-button { padding: 0 0px 0 10px; line-height: auto; }
/*.menu-button-active:hover { background: #DADFE1;  }*/


.menu-button.lastrow:hover { background: #DADFE1; border-radius: 0px 0px 8px 8px; }
.lastrow, .lastrow:hover { border-radius: 0 0 8px 8px }
.no-border { border: none }
.sidebar-menu { justify-content: center; align-content: center; align-items: center; width: 250px;
	flex: 1; margin: 0 auto; margin-top: 15px; border: 1px solid #ABB7B7; background: #f2f2f2; 
	-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding-bottom: 0px; text-align: left }
.sidebar-menu h3  { font-size: 14px; border: 0px solid black; justify-content: center; align-content: center; align-items: center; width: 100%; height: 25px; padding-top: 3px; background: #ECF0F1; border-radius: 8px 8px 0px 0px; color: #333 }
.sidebar-menu h3 div { border: 0px solid black; min-height: 15px; height: auto; padding-left: 10px; width: 90%; justify-content: center; align-content: center; align-items: center; }
.sidebar-menu h3.bottom  { justify-content: center; align-content: center; align-items: center; height: 35px; background: #ECF0F1; border-radius: 0px 0px 8px 8px; color: #333 }
.sidebar-menu { background: none; border-radius: 8px;  }
.sidebar-menu div.menu-box-row { flex: 0; display: flex; background: none; min-height: 20px; height: auto; padding: 0 0 0 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center; line-height: auto }

.ct-menu-box { flex: 0; min-width: 50px; width: 225px; background: none; min-height: 60%; max-height: 60%; overflow-y: hidden; overflow-x: hidden; }

.ct-menu-box .menu-box-row { flex: 0 1; width: 98%}
.ct-menu-box h3  { display: flex; flex: 0 1 100%; width: 100%; min-height: 25px; height: auto; background: #ECF0F1; border-radius: 0px 0px 0px 0px; color: #333 }
.ct-menu-box h3#ct-header  { display: flex; flex: 0 1 100%; border:0px solid red; min-height: 25px; height: auto; padding: 5px 0px; background: #FFF; border-radius: 0px 0px 0px 0px; color: #333 }
.ct-menu-box ul { width: 99%; list-style: none; position: relative; display: inherit; border:0px solid red }
.ct-menu-box ul li { flex: 1; display: flex; background: none; min-height: 30px; height: auto; padding: 2px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center }
.ct-menu-box h3 .tab { position: relative; border: 1px #5C97BF outset; margin: 0px; font-weight: normal; height: 25px; line-height: 25px; background: #FFF; 
	padding: 0 2px; border-radius: 1px; outline: none; outline-offset: 0; cursor: pointer; color: #000 }
.ct-menu-box h3 .tab.icn { width: 24px }
.ct-menu-box h3 .tab.icn.ct { border: 1px #95a5a6 inset; }
.ct-menu-box h3 .tab { background: #74b9ff; color: #FFF }
/**
 * Contact VCard
 */
#ct-vcard { justify-content: center; align-content: center; align-items: center; width:99%;
	flex: 1; margin: 0 auto; border: 1px solid #ABB7B7; background: #FFF; 
	-webkit-border-radius: 8px 8px; -moz-border-radius: 8px 8px ; border-radius: 8px 8px ; 
	padding-bottom: 0px; text-align: left }

#ct-vcard ul { width: 99%; list-style: none; position: relative; display: inherit }
#ct-vcard ul li { flex: 1; display: flex; background: none; min-height: 30px; height: auto; padding: 2px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center }
#ct-vcard ul li div { flex-wrap: nowrap; flex-direction: row; width: auto; position: relative; 
	display: flex; align-content: center; align-items: center; justify-content: flex-start}

#ct-vcard ul li div span { flex: 1; display: flex; background: none; height: 20px; padding: 2px;
	margin: 0; border: 0px #ABB7B7 solid;  align-content: center; align-items: center; justify-content: flex-start}


#ct-vcard h3  { border-bottom: 1px #ABB7B7 solid;  border-radius: 8px 8px 0 0; display: flex; flex: 0 1 100%; width: 100%; min-height: 45px; height: auto; background: #f2f2f2; color: #333; }
#ct-vcard h3 span { display: flex; flex: 1}
#ct-vcard h3 span#circle { flex: 0 1 30px; background: #d35400}
#ct-vcard h3 span.con { display: flex; flex: 1 0; padding: 4px; min-width: 30px; width: 100%; align-content: center; align-items: center; justify-content: center }
#ct-vcard h3 span.ctname { flex: 1 1 auto; border:0px solid black }
#ct-vcard h3 span.social { flex: 1 1; width: 40px; height: 20px; border:0px solid black}
.soc-icn16 { display: inline-flex; width: 20px; height: 20px; padding: 0px; flex: 0 0 16px; align-content: center; align-items: center; justify-content: center}
#circle { color: #FFF; text-align: center; align-items: center; align-content: center; justify-content: center; height: 30px; width: 30px; margin-right: 3px }
#mod-widget-box #tab-panel .tab-active, #mod-page-box #tab-panel .tab-active { background:  #1E8BC3; color: #FFF }
#mod-widget-box #tab-panel .tab-active button, #mod-page-box #tab-panel .tab-active button { color: #f3f9ff }


#qmbox-data-container { position: relative; height: 63%; overflow-y: auto; overflow-x: hidden}



#mod-confirm-box, .info-domain { display:none; position: fixed; background: #FFF; border: 1px solid black; 
	top: 60%; left: 55%; height: 150px; width: 450px; 
	margin-left: -300px; margin-top: -200px; text-align: left; padding: 0 }

.info-domain { color: #00529B; background: #BDE5F8; border: 1px solid #00529B; position: absolute; min-height: 15px; height: auto; max-height: 150px; z-index: 2; min-width: 300px; width: auto; max-width: 450px; margin-right: 50px; margin-top: 5px; padding: 8px }

#mod-breadcrumb { display: flex; justify-content: flex-start; align-content: center; align-items: center; border:0px solid;
	font-size: 13px; min-height: 20px; height: auto; padding: 0px; width: 99%; margin: 1px 0px 1px 0px }


#mod-widget-box, .mod-data-box { position: relative; box-sizing: border-box; min-width: 5%; width: auto; height: auto; min-height: 100px; 
	padding: 0px; margin: 0px; background: #FFF; align-self: stretch; align-content: flex-start; align-items: flex-start;
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto; 
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}


#mod-widget-box h3.block-header { box-sizing: content-box; font-size: 15px; height: 20px; padding: 5px; width: 100%; 
	background: none; border-top: 1px solid #ABB7B7; color: #000; margin-bottom: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }

#mod-widget-data { overflow-y: auto; overflow-x: auto; position: relative; box-sizing: content-box; align-self: stretch;
	background: #FFF; width: 1200px; min-height: 5px; height: auto; padding: 5px; margin: 0; margin-bottom: 0px; }

#mod-widget-data.service-order { width: 99% }
#mod-widget-data.service-order1 { width: 99%; height: 435px }
#mod-widget-data.contact-profile { width: 1050px; min-height: 350px; height: auto; max-height: 410px}
#mod-widget-data.ticket-data-box { width: 1050px; min-height: 350px; height: auto; max-height: 415px}

#mod-widget-data form .display-row { box-sizing: content-box; padding: 5px; margin: 0px; min-height: 24px; line-height: 150%; height: auto }
#mod-widget-data form .display-row-thin { box-sizing: content-box; padding: 5px; margin: 0px; min-height: 16px; line-height: 150%; height: auto }
#service-details-box .display-row-thin { box-sizing: content-box; padding: 2px; margin: 0px; min-height: 16px; line-height: 150%; height: auto }
.display-data-row { box-sizing: content-box; padding: 2px; margin: 0px; min-height: 16px; line-height: 150%; height: auto }
#mod-widget-data form .display-row.delete { position: relative; display: flex; flex-direction: row; min-height: 16px; align-content: center; align-items: center; justify-content: center; }
#mod-widget-data #report .display-row { box-sizing: content-box; padding: 3px 0px 3px 10px; margin: 0px; min-height: 18px; line-height: 150%; height: auto }

.submit-row { position: relative; display: flex; flex-direction: row; box-sizing: content-box; align-items: center; 
	align-content: center; justify-content: center; flex: 1 1 auto; width: 100%; height: 40px; margin-bottom: 5px;border:1px solid black }
.submit-row.delete { width: 448px }
#mod-widget-box .confirm-box {  margin-bottom: 0; padding-bottom: 0}

span.smalltxt { font-size: 12px }

/* Panel Tabs */
#mod-widget-box #tab-panel, #mod-page-box #tab-panel { display: flex; align-content: center; border-bottom: 1px solid #ABB7B7; width: 100%; justify-content: flex-start; align-items: center; margin: 5px 0px 5px 0px }
#mod-widget-box #tab-panel div, #mod-page-box #tab-panel div { padding-left: 15px }
#mod-widget-box #tab-panel .tab, #mod-page-box #tab-panel .tab { display:flex; align-items: center; float: left; padding: 0 10px; margin-right: 7px; 
	justify-content: center; background: #DADFE1; color: #000; width: auto; height: 25px; border: 1px solid #6183a6; border-bottom: none; border-radius: 1px 1px 0 0 }
#mod-widget-box #tab-panel .tab button, #mod-page-box #tab-panel .tab button, .tab-active button { height: 25px; line-height: 25px; background: none; padding: 0; border: none; outline: none; outline-offset: 0; cursor: pointer; color: #000 }
#mod-widget-box #tab-panel .tab-active, #mod-page-box #tab-panel .tab-active { background:  #1E8BC3; color: #FFF }
#mod-widget-box #tab-panel .tab-active button, #mod-page-box #tab-panel .tab-active button { color: #f3f9ff }
#mod-widget-box #tab-panel .tab .small, #mod-page-box #tab-panel .tab .small { width: 75px }
#mod-widget-box #tab-panel .tab .normal, #mod-page-box #tab-panel .tab .normal { width: 125px }
#mod-widget-box #tab-panel .tab .large, #mod-page-box #tab-panel .tab .large { width: 175px }
#mod-widget-box #tab-panel .tab .large, #mod-page-box #tab-panel .tab .large { width: 225px }



/* Login Box */
#mod-data-box { display: none; position: fixed; background: none; border: 1px solid #ABB7B7; 
	top: 32%; left: 50%; height: auto; width: 650px; margin-left: -300px; margin-top: -200px; text-align: left; 
	padding: 0; } 
#mod-data-box.service-order, #mod-data-box.contact-profile { width: 1050px; left: 30%;  }
#mod-form-data { width: 100%; overflow: initial}

#mod-form-data {  max-height: 400px; position: relative; box-sizing: content-box; 
	background: #FFF; width: 650px; min-height: 5px; height: auto; padding: 5px; margin: 0; margin-bottom: 20px; }

.cart-box, .widget-box { flex: 0; justify-content: center; align-content: center; align-items: center; 
	margin-top: 15px; border: 1px solid #ABB7B7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0px 0 0px 0;  }
.widget-small{ flex: 0 0 auto; justify-content: center; align-content: center; align-items: center; min-width: 40px; text-align: center;
	margin-top: 0px; border: 1px solid #ABB7B7; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0px 0 4px 0;  }
h3.block-header { padding: 3px 5px 3px; width: 20%; background: #0085cc; border-bottom: 0px solid #303030; color: #fff; margin-bottom: 8px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 }

.widget-box h3.widget-header, .widget-header { display:flex; align-items: center; align-content: center; height: 25px; background: #F6F7F2 }
.widget-box h3.widget-header, .widget-header, .cart-box h3.prod-header { width: 100%; background: #dfe6e9; 
	border-bottom: 1px solid #CCC; margin-bottom: 0px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
.widget-box h3.widget-header div, .widget-box h3.widget-header span { width: 90%; margin: 0px; font-size: 14px }
.widget-box h3.widget-header div.toggle { width: 50px; border: 1px solid white; text-align: right; margin: 5px; font-weight: normal; font-size: 14px }

.widget-small h3.widget-header { justify-content: center; height: 20px; margin-bottom: 2px }
.widget-box.top, .display-box .widgetbox { margin-top:0px }
.display-box { width: 100%; height: auto; position: relative; }
#mod-content {
	width: 99%;
	
	padding-bottom: 0px;
	
	height: auto;
	position: relative;
	margin-left: 0px;
   	border: 0px solid;
    /*display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 0;
    -ms-flex: 0;
    flex: 1 98%;
    -webkit-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	align-content: flex-start;*/
}
.content-box-data { flex: 1; border: 0px solid #ABB7B7; position: relative; justify-content: center; align-content: center; align-items: center;
	width: 98%; min-height: 60px; height: auto; padding-bottom: 5px; margin: 0px; margin-bottom: 20px; border-radius: 8px }

.g2000, .row { box-sizing: content-box; width: 99%; margin-right: 0 }

.mod-data-box-row { margin-bottom: 5px; margin-top: 0; padding: 0 }

.form-row { height: 25px; align-content: center; align-items: center; justify-content: flex-start; padding: 5px 0;}
#callhistory-widget .form-row { min-height: 14px; height: auto; padding: 0px 0; margin: 0;  }
.widget-box .form-row { min-height: 14px; height: auto; padding: 0px 0; margin: 0;  }
.noscroll { overflow: initial}
.mod-data-box-col, .data-col {
	width: 100%;
    margin: 0 10px 0 0;
	line-height: auto;
	flex: 0 0 auto;
	position: relative;
   	align-items: center;
	align-content: center;
    border-radius: 0px;
	height: auto;
	flex-wrap: nowrap;
   /*	overflow: hidden;
		 
    justify-content:center; 
    align-items: center*/
   }
.data-col { flex: 0 0 auto; margin: 0; border-radius: 0px; padding: 3px 0px;}
.mod-data-box-col.nomargin { margin-right: 0 }


.state-on { color: #2ECC71 }
.state-disabled { color: #333; opacity: 0.8 }
.state-disabled { color: #D3D3D3; opacity: 1 }
.state-disabled { color: #708090; opacity: 1 }
.noedit { opacity: 0.7 }
.state-enabled { color: #3498db; opacity: 1 }
.state-off {  color: #EF4836 }
span.form-error-text { color: #EF4836 }
.state-info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; border: 1px solid #BDE5F8 }
.state-warning {  font-weight: normal; color: #9F6000; background-color: #FEEFB3; border:1px solid #FEEFB3 }
.icn-warning {  font-weight: normal; color: #9F6000; background-color: #FEEFB3; }
.icn-info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; }
.pres-online { color: #2ECC71 }
.pres-dnd { color: #d63031 }
.pres-away { color: #fed330 }
.pres-out { color: #57bcd9 }
.pres-chat { color: #a55eea }
.icn-pntr { background: none; padding: 0; border: none; outline: none; outline-offset: 0; cursor: pointer; }
.icn-link { background: none; padding: 0; border: none; outline: none; outline-offset: 0; cursor: pointer; }
.icn-link { color: #0984e3;  font-weight: bold}
.btn-icon.blue1 { background: #74b9ff; color: white; border: 1px solid #74b9ff }
.btn-icon.blue2 { background: #0984e3; color: white; border: 1px solid #0984e3 }
.align-top { align-items: flex-start }
.align-btm { align-items: flex-end }
.align-right { justify-content: flex-end; align-content: flex-end; text-align: right; }
.hide { display: none }
/* Module Pages */
#mod-page-box { position: relative; box-sizing: border-box; width: 99%; height: auto; min-height: 100px; 
	padding-bottom: 0px; margin-bottom: 0px;  overflow: inherit; border:1px solid black;
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto;
    -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;
}
#mod-form-data {  position: relative; box-sizing: content-box; overflow: inherit; border:1px solid red;
	background: #FFF; width: 100%; min-height: 5px; height: 540px; padding: 5px; margin: 0; margin-bottom: 20px; }
#mod-page-box span.submit-data { position: relative; align-items: center; 
	align-content: center; justify-content: center; width: 1050px; flex: 1 1 1050px; height: 540px; margin-bottom: 5px }

.submit-data { flex: 1; justify-content: center; position: relative; min-height: 25px; font-size: 13px; min-width: 1%; width: 100%; height: 30px; margin-left: 5px; }

.nogrow { flex: 0 1 }
.truehw { flex: 0 0 auto}
.list-pad { padding: 5px 0 5px 0 }
.service-loc { display: inline-block; padding: 5px; width: 100%; }
.prod-price { font-size: 18px; font-weight: normal; width: 100%; text-align: center; justify-content: center }
.prod-rec { min-height: 5px; height: auto; padding: 0 0 5px 0; width: 100%; text-align: center; justify-content: center }
.price-box { text-align: center; width: 100%;  }
.facebook { background: #3b5998; color: #FFF;}
.twitter { background: #55acee; color: #FFF;}
.instagram { background: #e95950; color: #FFF; height: 16px; width: 16px; padding: 1px}
.linkedin { background: #007bb5; color: #FFF; }
.skype { background: #12A5F4; color: #FFF; }
xmpp { display: block; border: 1px solid blue; height: 300px; width: 200px; overflow-x: hidden }


.fupload { display: block; border: 1px solid #ccc; background: #eee; width: 510px; padding: 2px; margin-bottom: 2px}
.icn-x { color: #dfe6e9 }
/**
 * Contact VCard
 */
#sms-chatbox { justify-content: center; align-content: center; align-items: center; width:100%; flex: 1; 
	margin: 0 auto; border: 0px solid #ABB7B7; background: #FFF; -webkit-border-radius: 8px 8px 0px 0px; 
	-moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; padding-bottom: 0px; text-align: left; height: auto }

#sms-chatbox h3.sms-ct { border-bottom: 1px #ABB7B7 solid;  border-radius: 0px 0px 0 0; display: flex; flex: 0 1 100%; width: 100%; min-height: 45px; height: auto; background: #2980b9; color: #FFF; }
#sms-chatbox h3.sms-ct span { display: flex; flex: 1}
#sms-chatbox h3.sms-ct span.circle { flex: 0 1 35px; background: #8e44ad}
#sms-chatbox h3.sms-ct span.con { display: flex; flex: 1 0; padding: 4px; min-width: 30px; width: 100%; align-content: center; align-items: center; justify-content: center }
#sms-chatbox h3.sms-ct span.ctname { flex: 1 1 auto; border:0px solid black }
#sms-chatbox h3.sms-ct span.circle { color: #FFF; text-align: center; align-items: center; align-content: center; justify-content: center; height: 35px; width: 35px; margin-right: 3px }


#sms-chatbox h3.from-header { border-bottom: 1px #ABB7B7 solid;  border-radius: 0px 0px 0 0; display: flex; flex: 0 1 100%; width: 100%; 
	height: 25px; padding: 0; background: #2980b9; color: #333; justify-content: flex-end}
#sms-chatbox h3.from-header span.con { display: flex; flex: 1 0; padding: 4px; min-width: 30px; width: 100%; align-content: center; 
	align-items: center; justify-content: flex-end }
#sms-chatbox h3.from-header span.ctname { display: inherit; flex: 1 1 100px; border:0px solid black; justify-content: flex-end; 
	padding-right: 5px }
#sms-chatbox h3.from-header span.circle { color: #FFF; text-align: center; align-items: center; align-content: center; 
	justify-content: center; height: 25px; width: 25px; line-height: 25px; margin-left: 3px }
#sms-chatbox h3 span.social { flex: 1 1; width: 40px; height: 20px; border:0px solid black}

#sms-chatbox #sms-container { display: flex; align-items: flex-end; border: 1px solid blue; height: 260px; overflow-y: hide}
#sms-chatbox #sms-container ul { width: 99%; list-style: none; position: relative; height: 250px; overflow-y: scroll; align-items: flex-end;}

#sms-chatbox #sms-container ul li { flex: 1; display: flex; background: none; min-height: 25px; height: auto; padding: 2px 2px; width: 96%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center; }
#sms-chatbox #sms-container ul li.sms-contact { justify-content: flex-start }
#sms-chatbox #sms-container ul li.sms-user { justify-content: flex-end }


#sms-chatbox #sms-container ul li div { flex: 0 0 80%; flex-wrap: wrap; flex-direction: row; position: relative; display: flex; 
	align-content: center; align-items: center; border-radius: 10px; padding: 2px 2px 4px 2px}

#sms-chatbox #sms-container ul li div.sms-to { background: #DCEDC8; justify-content: flex-end}
#sms-chatbox #sms-container ul li div.sms-from { background: #B3E5FC; justify-content: flex-end}

#sms-chatbox #sms-container ul li div span.smsusr{ flex: 0 0 98%; flex-direction: row; display: flex; background: #B3E5FC; min-height: 20px; height: auto; padding: 4px; 
	margin: 0px 1px; border: 1px #F9BF3B solid;  border-radius: 10px; align-content: center; align-items: center; justify-content: flex-end}

#sms-chatbox #sms-container ul li div span.smsct { flex: 0 0 98%; display: flex; background: #DADFE1; min-height: 20px; height: auto; padding: 0px;
	margin: 0px 0px; border: 1px #DADFE1 solid;  border-radius: 10px; align-content: center; align-items: center; justify-content: flex-start}



#mod-sub-header { display: flex; justify-content: flex-start; align-content: center; align-items: center; font-size: 13px; min-height: 1px; 
	padding: 2px; width: 97%; height: auto; margin: 2px 5px 2px 5px;position: relative; box-sizing: border-box;}


#sms-chatwindow1 { width: 99%; height: 305px; list-style: none; position: relative; overflow-y: auto; 
	flex-direction: column; margin-top: auto; margin-bottom: auto; bottom: 0; vertical-align: bottom; 
	 align-items: flex-end; align-content: flex-end; justify-content: flex-end; align-self: flex-end; }

#sms-window { display:flex; width: 100%; height: 350px; max-height: 450px; list-style: none; position: relative; overflow: auto; flex-wrap: wrap;
	flex-direction: row; align-items: flex-end; align-content: flex-end; vertical-align: bottom; min-height: 0; min-width: 0 }

#sms-chatwindow { display:table-cell; width: 99%; max-height: 450px; height:  450px; list-style: none; position: relative; 
	vertical-align: bottom; min-width: 0; border: 0px solid blue; overflow-y: auto; overflow-x:hidden}
/*#ABB7B7 */
#sms-chatwindow li { flex: 0 0 100%; display: inline-block; background: #fff; min-height: 15px; height: auto; padding:0px 0px; width: 99%;
	margin: 0; border: 0px transparent; align-content: center; position: relative;
	align-items: center; margin-top: auto; 
	}
.sms-from { background: #B3E5FC;  justify-content: flex-end} 

#sms-chatwindow li div { border:0px solid; flex: 0 0 100%; flex-wrap: wrap; flex-direction: row; position: relative; display: flex; 
	align-content: center; align-items: center; border-radius: 10px; padding: 2px; justify-content: flex-start; font-size: 12px }
#sms-chatwindow li div:first-child {  width: 100px; position: relative; border-radius: 0px; min-height: 5px; height: auto; padding: 2px }
#sms-chatwindow li div:nth-child(2) { width: 99%; position: relative; border-radius: 0px; min-height: 5px; height: auto; padding: 2px }
#sms-chatwindow li div:nth-child(2).sms-to { background: #DCEDC8; } 
#sms-chatwindow li div:nth-child(2).sms-from { background: #B3E5FC; } 
#sms-chatwindow li div span.smscontact { justify-content: flex-end; }
#sms-chatwindow li div span {  position: relative; padding: 0px; border:0px solid;max-width:100%; }
#sms-chatwindow li div:nth-child(2) span:nth-child(2) { position: inherit  }


#sms-contact-list { width: 99%; padding-top: 1px; list-style: none; 
	position: relative; height: 392px; flex-direction: column; overflow-y: auto; overflow-x: hidden; 
	align-items: flex-start; align-content: flex-start}

#sms-contact-list li { position: relative; flex: 1; display: flex; background: none; min-height: 25px; height: auto; padding: 3px 2px; width: 98%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center;flex-wrap: wrap; flex-direction: row; }

#sms-contact-list li div { flex: 0 0 99%; flex-wrap: wrap; flex-direction: row; position: relative; display: flex; line-height: 1.5; height: 25px;
	align-content: center; align-items: center; border-radius: 0px; padding: 4px 2px 4px 2px; border: 0px green solid}

#sms-contact-list li div span {border: 0px green solid; width: 235px;  padding: 0}
#sms-contact-list li div span:nth-child(2) { width: 35px; text-align: center }
#sms-contact-list li div span:nth-child(3) {font-size: 11px; text-align: right; width: 98% }


.sms-msg-window { border: 1px solid #CCC; letter-spacing: 1px; padding: 4px 5px; margin-left: 2px;
	line-height: 15px; font-size: 13px; height: 50px; min-width: 100px; width: 375px; -webkit-border-radius: 6px; 
	-moz-border-radius: 6px; border-radius: 6px }
#smscontactlistbox h3 { padding: 4px }
#smschatheader h3 { position: relative; display: flex; padding: 4px 0; background: #dfe6e9; width: 100%; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-start;}
h3.smsboxheader { position: relative; display: flex; padding: 4px 0; background: #dfe6e9; width: 100%; flex-wrap: nowrap; align-content: flex-start; justify-content: flex-end;}
#smschatheader h3 div:first-child { display: inline-block; justify-content: flex-start; padding-left: 5px; width: 375px; border: 1px solid; flex-wrap: nowrap}
#smschatheader h3 div:nth-child(2) { display: inline-flex; justify-content: flex-start; width: 100px; border: 1px solid; flex-wrap: nowrap}


#send-msg-box {  flex: 1; display: flex; background: none; min-height: 25px; height: auto; padding: 2px 2px; width: 96%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center; } 

#sms-send-box {  flex: 1; display: flex; background: none; min-height: 25px; height: auto; padding: 2px 2px 6px 2px; width: 98%;
	margin: 0; border-bottom: 0px #ABB7B7 solid; align-content: center; align-items: center; } 

.sms-msg-view { min-height: 300px; width: 450px; left: 475px; top: 110px}
.sms-newmsg-box { min-height: 300px; width: 475px; left: 35%; top: 200px}
#sendmsg { flex: 1; height: auto; display: flex; align-content: center; align-items: center; margin:0; padding:0; }

.sendsmsform { flex: 1; height: auto; display: flex; align-content: center; align-items: center; margin:0; padding:0; }

.alert-success { background: #bced91; color: #078300; border: 1px solid #008c00 }
.alert-error {  color: #D8000C; background-color: #FFBABA; border: 1px solid #D8000C }
.icn-error {  color: #D8000C; }
.alert-info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; border: 1px solid #BDE5F8 }
.data-row.alert-info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; border: none }
.alert-warning {  font-weight: normal; color: #9F6000; background-color: #FEEFB3; border:1px solid #FEEFB3 }
.alert-box { line-height:25px; font-weight: bold; text-align: center; height: 25px; margin: 0 auto; }
.alert-box.success { background: #bced91; color: #078300; border:1px solid #008c00 }
.alert-box.error {  color: #D8000C; background-color: #FFBABA; border:1px solid #D8000C }
.alert-box.info {  font-weight: normal; color: #00529B; background-color: #BDE5F8; border:1px solid #BDE5F8 }

.widget-box .form-row { min-height: 30px; padding: 2px 0px }

.mod-data-box-row, .data-row {
	min-width: 1%;
	width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	min-height: 30px; 
	height: auto; 
	position: relative;
	
}
.data-row { min-height: 35px;  align-items: center; flex-wrap: nowrap; border-top: 1px solid #CCC;}
.data-row.small { padding: 0 1px; min-height: 24px; max-height: 24px; font-size: 13px; align-items: center; flex-wrap: nowrap; border-top: 1px solid gray;}
.widget-head .data-row:first-child { border-top: 1px solid gray }
.data-row .mid-header { border-top: 1px solid gray; background: #e8eef4; font-size: 13px; font-weight: bold; text-indent: 5px }
.mid-header { border-top: 1px solid gray; background: #e8eef4; font-size: 13px; font-weight: bold; text-indent: 5px }
.data-row:nth-child(odd) {border-top: 1px solid #CCC }
.data-row:nth-child(even) { border-top: 1px solid #ccc }
.data-row:nth-child(odd) { border:none}
.data-row:nth-child(even) { border:none}
.data-row:last-child { border-bottom: 0px solid gray }
.data-row .noaltbg { background-color: #FFF}
.data-row.noaltbg:nth-child(even) { background-color: #FFF}
.altbg { background-color: #ecf0f1 }
.data-row.subhead  { border-top: 0px solid gray }
.data-title { position: relative; background-color: #ecf0f1; font-weight: bold; align-self: stretch; display: flex;
	height: auto; align-items: center; align-content: center; font-size: 13px; padding: 5px 0px 5px 0}
.data-title.right { box-sizing: border-box; text-align: right; margin-right: 10px; justify-content: flex-end}
.data-title.center { box-sizing: border-box; text-align: center; justify-content: center}
.data-title span.right { display: inline-block; min-width: 1px; width: auto;  }
.data-item { min-height: 25px; display: flex; padding: 3px 0;
	height: auto; align-items: center; align-content: center; justify-content: flex-start}
h3.widget-head { font-size: 15px; padding-left: 5px}
div.widget-head { font-size: 16px; padding-left: 5px}
.widget-box.small { margin-top: 0; padding-top: 0}
.align-top { align-content: flex-start; align-items: flex-start}
.chat-contact-search { border-bottom: 1px solid gray; padding-left: 2px; padding-bottom: 2px }
/**
 * Contact VCard
 */
#sms-box-container { justify-content: flex-start; align-content: center; align-items: center; width:100%;
	flex: 1; margin: 0 auto; border: 0px solid red; background: #fff; position: relative; 
	min-height: 25px; height: auto;
	-webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px; 
	border-radius: 8px 8px 8px 8px; padding-bottom: 0px; 
	text-align: left }
#sms-box-container { width: 100%; list-style: none; position: relative; display: inherit; }
#sms-box-container ul li { flex: 1; display: flex; background: none; min-height: 30px; height: auto; padding: 0px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center }
/*#sms-box-container ul li div { border-radius: 0; flex-wrap: wrap; flex-direction: row; position: relative; display: flex; 
	align-content: center; align-items: center; justify-content: flex-end}
#sms-box-container ul li div:nth-child(2) { justify-content: flex-start; }
#sms-box-container ul li div.fullw { flex: 1 0 auto; display: flex; background: none; height: 20px; padding: 0px;
	margin: 0; border: 0px #ABB7B7 solid;  align-content: center; align-items: center; justify-content: flex-end}
*/
#sms-box-container h3  { position: relative; border-bottom: 1px #ABB7B7 solid;  border-radius: 8px 8px 0 0; display: flex; flex: 0; justify-content: center;
	width: 99%; min-height: 25px; padding: 0px; padding-right: 0px; height: 25px; background: #f2f2f2; color: #333; align-items: center; align-content: center}
#sms-box-container h3 span { display: flex; flex: 1 1 50%}
#sms-box-container h3 div.con, .widget-box h3 div.con { display: flex; flex: 1 0 100%; padding: 4px; min-width: 30px; width: auto; align-content: center; 
	align-items: center; justify-content: flex-start;   }
#sms-box-container h3 span.ctname { flex: 1 1 auto; border:0px solid black }
#sms-box-container h3 span.social { flex: 1 1; width: 40px; height: 20px; border:0px solid black}



#smsct-vcard { justify-content: flex-start; align-content: center; align-items: center; width:100%;
	flex: 1; margin: 0 auto; border: 0px solid red; background: #fff; position: relative; 
	min-height: 25px; height: auto;
	-webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px; 
	border-radius: 8px 8px 8px 8px; padding-bottom: 0px; 
	text-align: left }

#smsct-vcard ul { width: 100%; list-style: none; position: relative; display: inherit; }
#smsct-vcard ul li { flex: 1; display: flex; background: none; min-height: 30px; height: auto; padding: 0px 0px; width: 100%;
	margin: 0; border-bottom: 1px #ABB7B7 solid; align-content: center; align-items: center }
#smsct-vcard ul li div { border-radius: 0; flex-wrap: wrap; flex-direction: row; position: relative; display: flex; 
	align-content: center; align-items: center; justify-content: flex-end}
#smsct-vcard ul li div:nth-child(2) { justify-content: flex-start; }
#smsct-vcard ul li div.fullw { flex: 1 0 auto; display: flex; background: none; height: 20px; padding: 0px;
	margin: 0; border: 0px #ABB7B7 solid;  align-content: center; align-items: center; justify-content: flex-end}


#smsct-vcard h3  { border-bottom: 1px #ABB7B7 solid;  border-radius: 8px 8px 0 0; display: flex; flex: 1 1 100%; justify-content: center;
	width: 99%; min-height: 25px; padding: 4px; padding-right: 0px; height: 25px; background: #f2f2f2; color: #333; align-items: center; align-content: center}
#smsct-vcard h3 span { display: flex; flex: 1 1 50%}
#smsct-vcard h3 div.con { display: flex; flex: 1 1 100%; padding: 4px; min-width: 30px; width: auto; align-content: center; 
	align-items: center; justify-content: flex-start;   }
#smsct-vcard h3 span.ctname { flex: 1 1 auto; border:0px solid black }
#smsct-vcard h3 span.social { flex: 1 1; width: 40px; height: 20px; border:0px solid black}
.rb8 { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px }
.info-box { 
	display: none;
	z-index: 2;
	left: 25%;
	margin-left: -450px;
    background-color: #BDE5F8;
	border: 1px solid #00529B;
	min-width: 150px;
	width: auto;
	max-width: 750px;
	margin: 0 auto;
	padding: 0px;
	
  	outline: none;
  	outline-offset: 0;
    -webkit-border-radius: 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
.icons { font-size: 18px }
.icn-mwi { box-shadow: 0px 0px 10px 5px #ABB7B7; border:0px solid #e67e22 }

#sms-vcard-box, #popup-box, .popup-box { position: fixed; min-height: 10px; height: auto; box-shadow: 0px 0px 10px 5px #ABB7B7; padding: 0px;
	 padding-bottom: 1px; -webkit-border-radius: 8px; -moz-border-radius: 8px; background-color: #fff; min-width: 10px; width:auto;
	border-radius: 8px; z-index: 1; overflow: none; border: 4px solid #ABB7B7; display: none; color: #000}



#alert-popup { position: fixed; top: 0; right: 25%; min-width: 5px; 
	padding-bottom: 0px; -webkit-border-radius: 8px; -moz-border-radius: 8px; 
	border-radius: 8px; z-index: 1; overflow: hidden; border: 1px solid #ABB7B7; display: none}

/* New CSS Code */
#footer-menu { position: fixed; left: 5px; bottom: 40px; right: 17%; width: 280px; height: 375px; margin-right: 10px; 
	margin-top: -50px; padding-bottom: 10px; -webkit-border-radius: 0px; -moz-border-radius: 0px; background-color: #F2F2F2; 
	border-radius: 0px; z-index: 1; overflow: auto; border: 0px solid blue; display: none }


.left-indent { text-indent: 5px }
.left-pad { padding: 0 5px 0 12px }
.left-padx2 { text-indent: 10px }
.row-pad-left { padding-left: 6px }
.row-pad-left1 { padding-left: 10px }
.row-pad-left2 { padding-left: 20px }
.row-pad-right { padding-right: 6px }

.text-list { font-size: 14px; height: 100px; text-indent: 0px; line-height: 1.25;padding-left: 5px; min-width: 250px; width: auto; resize: none}

#form-results { display: none; flex: 1; margin-left: 10px; width: auto; min-height: 25px; height: auto; max-height: 300px; align-items: center; align-content: center; 
	justify-content: flex-start; padding: 2px; border: 0px black solid; z-index: 2; overflow-x: always; }
#form-results.ucp { display: none; flex: 0 0 97%; margin-left: 10px; width: 95%; min-height: 20px; height: auto;max-height: 300px; align-items: center; align-content: center; 
	justify-content: flex-start; padding: 2px; border: 0px black solid; }

.widget-box1 { width: 100%; padding: 0}
#mod-title { display: flex; line-height: 24px; height: 24px; font-size: 24px; width: auto; padding: 5px 0px 0px 0px; margin: 0px }

#mod-sub-title { display: flex; justify-content: flex-start; align-content: flex-end; align-items: flex-end; line-height: 18px; font-size: 18px; height: 26px; padding: 3px 3px 0px 3px; width: 60%; margin: 0px 0px 0px 5px }

.topnav { display: none }

/**
 * Progress/Form Action Popups
 */
.progress { justify-content: flex-start; align-content: center; align-items: center; width: auto;
	 border: 0px solid #ABB7B7;  background: #fff;
	-webkit-border-radius: 2px 2px 0px 0px; -moz-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; padding: 0px; 
	text-align: left }

.progress ul { width: 99%; list-style: none; position: relative; display: inherit; padding:0px; }
.progress ul li { background: none; min-height: 15px; height: auto; padding: 0px; width: auto;
	margin: 0; border-bottom: 0px #ABB7B7 solid; align-content: center; align-items: center; position: relative; }
.progress div { width: auto; position: relative; border-radius: 2px 2px 0 0; padding:6px;
	align-content: center; align-items: center; justify-content: flex-start; min-height: 25px;
	height: auto; border: 0px blue solid; min-width: 100px; max-width: 800px}
.progress div span { background: none; min-height: 20px; height: auto; padding:0px; position: relative;
	margin: 0; border: 0px #000 solid; align-content: center; align-items: center; justify-content: flex-start; width: auto}
.progress ul li div span:first-child { justify-content: center; display: flex }
.loginbox { height: 100px }
.delete-confirm { border: 1px solid black; top: 60%; left: 55%; height: 75px; width: 300px; 
	margin-left: -300px; margin-top: -200px; text-align: center; padding: 0 }

#mod-delete-box { display:none; position: fixed; background: #FFF; border: 1px solid black; 
	top: 60%; left: 55%; height: 75px; width: 350px; align-content: center; align-items: center; justify-content: center;
	margin-left: -300px; margin-top: -200px; text-align: left; padding: 0 }
#mod-delete-box { display:none; position: fixed; background: #FFF; border: 2px solid #2c3e50; box-shadow: 0 0 10px #2c3e50;
	top: 60%; left: 58%; min-height: 80px; height: auto; width: 350px; align-content: flex-start; align-items: flex-start; justify-content: center;
	margin-left: -300px; margin-top: -200px; text-align: left; padding: 0; z-index: 1; border-radius: 8px}
#mod-delete-box ul li { border: none}
#mod-delete-box ul li div { padding: 0 2px; justify-content: center; text-align: center}
.noborder, h3.widget-header.noborder { border: 0px 0px 0px 0px transparent;border-bottom: 0px}
.icon-blue { background: #fff; color: #3498DB; border: 0px solid #3498DB }
.icon-blue1 { background: none; color: #74b9ff; border: 0px solid #74b9ff }
.icon-blue2 { background:  none; color: #0984e3; border: 0px solid #0984e3 }
.comp-header { width: 99%; list-style: none; position: relative; display: inherit }
.hide { display: none }
.middle { vertical-align: middle }
li .hide { display: none }

tbody tr td { vertical-align: middle }
.inline-row { display: inline-flex }
.data-row.no-border-top {
	border-top: none;
}
.no-border-top-right {
	border-top:0px #fff solid;
	border-right: none;
}
.no-border-right {
	border-right:0;
}
.nobr {border:0px 0px 0px 0px}
.data-row {border:none}
.border-btm { border-bottom: 1px solid #CCC }
.border-top { border-top: 1px solid #CCC }
.border-rgt { border-right: 1px solid #CCC }
.border-lft { border-left: 1px solid #CCC }
fieldset { display: block; margin-inline-start: 2px; margin-inline-end: 2px; border: groove 2px ThreeDFace; padding-block-start: 0.35em; padding-inline-end: 0.75em; padding-block-end: 0.625em; padding-inline-start: 0.75em; min-inline-size: min-content; }
fieldset { margin: 10px 0px;  }
fieldset legend { font-weight: bold; font-size: 16px}
fieldset div.data-row { border-top: none; }
.modlist-wrapper { display: block; margin-bottom: 2px }
.h100 {height: 100px}



.popup-header { height: 10px; width: 100%; background: #dfe6e9;  }


.text-sm { font-size: 14px }
.text-sm-x { font-size: 14px }
td {font-size: 14px}