@font-face {font-family: 'Conv_Mark Simonson - Proxima Nova Alt Bold';src: url('fonts/prono-alt-bold.eot');src: local('?'), url('fonts/prono-alt-bold.woff') format('woff'), url('fonts/prono-alt-bold.ttf') format('truetype'), url('fonts/prono-alt-bold.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Conv_Mark Simonson - Proxima Nova Alt Light';src: url('fonts/prono-alt-light.eot');src: local('?'), url('fonts/prono-alt-light.woff') format('woff'), url('fonts/prono-alt-light.ttf') format('truetype'), url('fonts/prono-alt-light.svg') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Conv_Mark Simonson - Proxima Nova Alt Regular';src: url('fonts/prono-alt-regular.eot');src: local('?'), url('fonts/prono-alt-regular.woff') format('woff'), url('fonts/prono-alt-regular.ttf') format('truetype'), url('fonts/prono-alt-regular.svg') format('svg');font-weight: normal;font-style: normal}
@font-face {font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold';src: url('fonts/prono-alt-semibold.eot');src: local('?'), url('fonts/prono-alt-semibold.woff') format('woff'), url('fonts/prono-alt-semibold.ttf') format('truetype'), url('fonts/prono-alt-semibold.svg') format('svg');
font-weight: normal;font-style: normal;}

/* body styles */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {margin: 0;padding: 0;}
body {color: #383336;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Regular';padding: 0px !important;margin: 0px !important;font-size:13px;background:#fff;}
.clearfix{ clear:both; height:0}
br{ height:0 !important }
a{ text-decoration: none;}
a:hover{ text-decoration: none;}
/* general tools */
img.center {text-align:center;}
.bold {font-weight:bold;}
.border {border: 1px solid #ddd}
.small {font-size: 11px !important;}
.italic {font-style: italic !important;}
.fl{ float:left}
.fr{ float:right}

.w50{ width:35px !important; text-align:right;}
.m0{ margin:0px !important;}
.mR5{ margin-right:5px;}
.mR10{ margin-right:10px;}
.mR15{ margin-right:15px;}
.mR20{ margin-right:20px;}

.mL5{ margin-left:5px;}
.mL6{ margin-left:6px;}
.mL10{ margin-left:10px;}
.mL15{ margin-left:15px;}
.mL20{ margin-left:20px;}

.mT5{ margin-top:5px;}
.mT10{ margin-top:10px;}
.mT15{ margin-top:15px;}
.mT20{ margin-top:20px;}

.mB5{ margin-bottom:5px;}
.mB10{ margin-bottom:10px !important}
.mB15{ margin-bottom:15px;}
.mB20{ margin-bottom:20px;}

.paddingTB{ padding: 10px 0;}
.paddingLR{ padding: 0px 10PX;}
.p0{ padding:0px !important;}
.pT5{ padding-top:5px;}
.pT6{ padding-top:6px;}
.pT10{padding-top:10px;}
.pT15{ padding-top:15px;}
.pT20{ padding-top:20px;}
.pT30{ padding-top:30px;}
.pT35{ padding-top:35px;}

.pL5{ padding-left:5px;}
.pL6{ padding-left:6px;}
.pL10{padding-left:10px !important;}
.pL15{ padding-left:15px;}
.pL20{ padding-left:20px;}

.pR5{ padding-right:5px;}
.pR6{ padding-right:6px;}
.pR10{padding-right:10px !important}
.pR15{ padding-right:15px;}
.pR20{ padding-right:20px;}

.pB5{ padding-bottom:5px;}
.pB6{ padding-bottom:6px;}
.pB10{padding-bottom:10px;}
.pB15{ padding-bottom:15px;}
.pB20{ padding-bottom:20px;}

.fS10{ font-size:10px !important;}
.fS11{ font-size:11px !important; line-height: 14px;}
.fS12{ font-size:12px!important;}
.fS14{ font-size:14px!important;}

.Tleft{ text-align:left !important}
.Tright{ text-align:right !important}
.Tcenter{ text-align:center !important}

.space5 {display: block;height: 5px !important;clear: both;}
.space10 {height: 10px !important;clear: both;}
.space12 {height: 12px !important;clear: both;}
.space15 {height: 15px !important;clear: both;}
.space20 {height: 20px !important;clear: both;}

.no-text-shadow {text-shadow: none !important;}
.notify-row {float: left;padding: 5px;}
/*fix outlines on click*/
a,a:focus, a:hover, a:active {outline: 0;}

/* i8 fix for form input height in fluid rows */
.ie8 .row-fluid [class*="span"] {min-height: 20px !important;}

 /* The Modal (background) */
.modal1 {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */


/* The Close Button */
span.close_modal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

span.close_modal:hover,
span.close_modal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
} 
.modal-header {
  padding: 2px 16px !important;
  background-color: #fff;
  color: white; margin:0;
}

/* Modal Body */
.modal-body {padding: 2px 16px;}

/* Modal Footer */
.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}

/* Modal Content */
.modal-content1 {
  position: relative;
  background-color: #fefefe;
  margin: 15% auto;
  padding: 0;
  border: 1px solid #888;
  width: 60%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  animation-name: animatetop;
  animation-duration: 0.4s
}

 

/* MAIN STYLE  */
.width-cover{ width:100%; margin:auto; padding:0 0 0 0%}

#warp{ width:100%; margin:0; padding:0;}
#header{width:100%; margin:0; padding:0; position: fixed; top:0; background:#fff; border-bottom:1px solid #e5e8e8;border-top:3px solid #faa633; z-index:1000;}
.header-inner{ padding:0 0 0 60px;}
#container{ padding-top:75px;}
#footer{width:100%; margin:0; padding:2px 0; position: fixed; bottom:0; background:#00b0c7; border-top:0px solid #fff; z-index:1000;}
.footer-inner { padding: 8px; text-align:center; font-size:12px; color:#fff}
.footer-inner a{ color:#fff}
.footer-inner a:hover{ color:#000}

#side-menu{  background:#fff; padding:0px 0 10px 0; border-right:1px solid #e5e8e8}
#main-content{ padding: 95px  0 30px 0; }
#main-content-full{ padding: 15px; }
.main-inner{ padding:0 15px 0 0}
.main-inner-full{ padding:0 0px 0 0}

/* new css ram */
ul.tabel-search{ margin:0;padding:0; }
ul.tabel-search li{  margin:0 10px;padding:5px; float: left; }
ul.tabel-search li.box-1{ width: 200px; padding:0 !important;   }
ul.tabel-search li.box-2{ width: 200px; padding:0 !important;   }
ul.tabel-search li.box-3{ width: 180px; padding:0 !important;   }
ul.tabel-search li.box-4{ width: 180px; padding:0 !important;   }
ul.tabel-search li.box-5{ width: 180px; padding:0 !important;   }
ul.tabel-search li.box-6{ width: 100px; padding:10px 0 0 0 !important;   }
ul.tabel-search li.box-7{ width: 200px; padding:0 !important;   }


/* HEADER RIGHT  */
.search-box{ width:240px; background:#fff; padding:6px 5px; float:left; height:23px;}
.search-box .inputsearch{ background: none; color:#000 !important; border:0; font-size:14px; float:left; width:183px; height:16px; box-shadow: none;    outline: 0 none;}
.search-box .searchbtn{ width:30px; height:25px; background: url(../images/search-btn.png) no-repeat; cursor: pointer; border:0; margin:0 0 0 10px;}
.admin-box{padding:0px; float:left; font-size:18px; color:#383336}
img.round{ float:left; width:30px; padding:0 5px}
img.top-ar{ float:left; width:20px; padding:0 5px; margin:8px 0 0 }
.contex{ float:left; padding:0px 5px 0}
.logout-box{width:45px; background:#505050; padding:0px; float:left}

/* MAIN CONTENT  */
.title-top{ margin-bottom:15px; padding:0 1%;}
.title-top h1{ font-size:30px; font-weight: normal !important; margin:0; padding:0}

.breadcrumb-box{ margin:0; padding:0 1%;}
.breadcrumb {padding: 10px 10px;margin: 0 0 0px;background: #eeeeee}
.breadcrumb li {display: inline;list-style: none}
.breadcrumb .divider {padding: 0 5px;color: #999999}
.breadcrumb a {color: #999}
.breadcrumb a:hover {color: #333333}
.breadcrumb .active a {color: #333333}
.contentpanel{ margin:0px 0 0 0; padding:0}

/* MENU STYLE  */
ul.menuStyle{ padding-top: 10px !important; clear:both !important; }
ul.menuStyle li{}
ul.menuStyle a:hover{ background:#f2f4f8; color:#03a0dd;}

/* ROW BOX  */
#para{ margin:0; padding:0}
.row{ margin:0px 0 0 0; padding:0 }

.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {float: left; margin: 0 1% 20px 1%}

.col-md-3{ width:22.5%; }
.col-md-4{width:31%; }
.col-md-6{width:47.6%; }
.col-md-12{width:97.4%; }

.colbox{ border:1px solid #de577b}
.box-title{ padding: 10px;}
.box-title h2{ color:#fff; font-size:14px; font-weight: normal; }
.box-title a.arrow{ float:right; cursor: pointer}
.box-content{padding: 10px; background:#fff;}

.box-title.orange{ background:#f0ad4e}
.box-title.black{ background:#404040}
.box-title.pink{ background:#de577b}
.box-title.green{ background:#199d7b}
.box-title.red{ background:#cb4b48}

/* COMMM FROM  */
.cont-hd{ width:100%; margin: auto; padding:20px 0}
.tex-hadding-new{ color:#383336; font-size:25px;text-align:center}

.col-sm-9 option{ padding:5px}
.comm-form-box{ padding:0px;  margin:0px auto;  }
.form-group{margin-bottom:20px;}
label {font-weight: normal; font-size:14px; }
label {display: inline-block;margin-bottom: 4px}
.form-control {border-color: #CBD5DD;border-radius: 2px}
.form-control {background-color: #FFFFFF;background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555555;
display: block;font-size: 14px;line-height: 1.42857;padding: 8px 8px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 68%; height:30px !important}
textarea.form-control{background-color: #FFFFFF;background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555555;
display: block;font-size: 14px;line-height: 1.42857;padding: 8px 6px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 97%; resize: none; height:180px !important}
select.form-control {background-color: #FFFFFF;background-image: none;border: 1px solid #CCCCCC;border-radius: 4px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;color: #555555;
display: block;font-size: 14px;line-height: 1.42857;padding: 5px 10px;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;width: 100%}
select.width100{ width: 345px !important;font-size:17px}
.form-control:focus {border-color: #999999;box-shadow: none;outline: 0 none}
.form-control:-moz-placeholder {color: #999999}
.form-control::-moz-placeholder {color: #999999;opacity: 1;}
.butonbox{ float:right; margin:0 8px 0 0; }
/*buttons style*/
.btn{border-radius: 0;background: #faa633;outline: none;border: none;box-shadow: none;text-shadow: none;padding:8px 29px; cursor:pointer; color:#fff;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; font-size:17px;border-radius:8px; float:right}
.btn:hover{ color:#000}
.btn-orange{background-color: #FCC633; border-color: #FCC633;  color: #FFFFFF !important;}

/*form element */
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {border: 1px solid #ddd;transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;-webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
-o-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;border-radius: 8px;}
.form-horizontal .control-label {text-align: left;}
/*COL BOX */
.col-sm-1{width: 10.6667%;}
.col-sm-2{width: 23%;}
.col-sm-3{width: 25%;}
.col-sm-4{width: 35%;}
.col-sm-5{width: 41.6667%;}
.col-sm-6{ width: 50%;}
.col-sm-7{ width: 58.3333%;}
.col-sm-8{ width: 65%;}
.col-sm-9{ width: 70%;}
.col-sm-10{ width: 80%;}
.col-sm-11{ width: 50%;}
.col-sm-12{ width: 50%;}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {padding-left: 10px;padding-right: 10px;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {float: left;}
.control-label {font-weight: normal;}
.control-label {text-align: right;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; font-size:17px}
.control-label, .radio, .checkbox, .radio-inline, .checkbox-inline {margin-bottom: 0;margin-top: 0;padding-top: 6px;}
.radio-f{ margin:-2px 0px 0 0 !important; padding:0 !important; display:inline-block;}
.col-sm-9 span{ margin:0px 0 0 5px; padding-top:8px; display:inline-block}
.col-sm-9{ }
.row-fluid .span2 {width: 15%; background:#090;}
.row-fluid [class*="span"]:first-child {margin-left: 0;}
.row-fluid [class*="span"] {box-sizing: border-box;display: block;float: left;margin-left: 2.5641%;min-height: 30px;}
.onclick-menu {display: inline-block;position: relative;}
.onclick-menu:before {content: " ";}
.onclick-menu:focus {pointer-events: none;}
.onclick-menu:focus .onclick-menu-content {opacity: 1;visibility: visible;}
.onclick-menu-content {opacity: 0;pointer-events: auto;position: absolute;transition: visibility 0.5s ease 0s;visibility: hidden;z-index: 1;}
.onclick-menu.no-pointer-events {pointer-events: auto !important;}
.onclick-menu.no-visibility .onclick-menu-content {display: none;visibility: visible !important;}
.onclick-menu.no-visibility:focus .onclick-menu-content {display: block;}
.onclick-menu.no-opacity .onclick-menu-content {opacity: 1 !important;}
.onclick-menu {-moz-user-select:none;margin:0 0 0 10%;outline: 0 none;padding: 0;}
.onclick-menu:before {}
.onclick-menu-content {background-color: #373737;margin-left:-22px;margin-top:55px;padding: 0;min-width:100%; width:215px}
.onclick-menu-content:before {border-bottom: 10px solid #373737;border-left: 10px solid rgba(0, 0, 0, 0);border-right: 10px solid rgba(0, 0, 0, 0);content: "";height: 0;
position: absolute;top: -10px;width: 0;left:100px;}
.onclick-menu-content li {color: #F2F5E9;list-style-type: none;white-space: nowrap;}
.onclick-menu-content button {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: medium none;color: inherit;cursor: pointer;outline: 0 none;}
.onclick-menu-content button:hover {color: #FF8C31;}
.onclick-menu-content a{ color:#FFF; text-decoration: none; padding: 10px 20px; display:block;}
.onclick-menu-content a:hover{ background:#faa633; color:#fff}

/* LOGIN PAGE*/
#login-page{ width: 400px; margin:10% auto 0 }
.login-bg{  padding: 0 0px 16px 0}
.login-inner{ background:#fff; margin:0 auto;border-radius:17px; padding:5px 0}
.login-logo{ text-align:center; margin: 0px; padding:20px 0 0px  0;}
.login-form{ padding:10px 30px;}
.login-form p{ font-size:14px; color:#858787; margin: 25px 0 4px 0}
.login-form .inputlogin{ border:1px solid #858787; background:#fff; color:#000; width:91%; padding:13px 14px; margin:10px 0;border-radius:8px !important;
 font-family: 'Conv_Mark Simonson - Proxima Nova Alt Regular'; font-size:16px}
.forgot{ margin:8px 0 0 0; color:#858787}
.forgot a{ color:#858787}
.forgot a:hover{ color:#000}
.login-btn{  padding: 5px 0 0; text-align:center; }
.loginBtn{ background:#fff;padding: 8px 15px; color:#858787; border:0; cursor:pointer; font-size:16px;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Bold';}
.loginBtn:hover{ background:#fff; padding: 8px 15px; color:#000; border:0; cursor:pointer}

/* CATEGORY STYLE*/
.category-box{}
.category-box h2{ font-size:16px; padding:0px 0 7px 0; margin: 3px 0; border-bottom: 1px dotted #666  }
.category-box p{ margin: 10px 0;}
.btn-s{border-radius: 0;background-color: #d5d5d5;outline: none;border: none;box-shadow: none;text-shadow: none;padding:8px 15px; cursor:pointer;display:block; float:left;
margin-top:15px}
.btn-s:hover{border-radius: 0;box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; background: #e8e8e8;}

/* ======== akshay ========== */

/* LOGIN PAGE CSS */
.bg-back{ background:url(../images/loginbkgrd.jpg);background-repeat: no-repeat;width:100%;background-attachment:fixed;background-position:center center;background-size: cover;}
.sdgi-logo{ width:150px}
.trm-block{ width:100%; padding:10px 0; text-align:center; position:fixed; bottom:0}
.trm-block p{ font-size:16px; color:#fff}
.trm-block a{color:#fff}
.trm-block a:hover{color:#000}
/* LOGIN PAGE CSS */

/* FORGOT PASSWORD PAGE CSS */
.tex-box{ text-align:center; color:#383336; font-size:16px;font-family:'Conv_Mark Simonson - Proxima Nova Alt Regular'; padding:15px 10px 0}
.tex-box p{ padding:5px 0 }
.login-back{ background:#383336; margin:10px 0;border-radius: 8px;}
.login-back input{background:none;padding:10px 0;cursor:pointer;width:100%;border:0px;font-size:16px;color:#fff;margin:0;font-family:'Conv_Mark Simonson - Proxima Nova Alt Bold'}
/* FORGOT PASSWORD PAGE CSS */

/* DASHBOARD PAGE CSS */
.man-icon{border-radius:50px}
.susten-logo2{ 
  width:100px;
  height:100px;
  /* filter: drop-shadow(2px 4px 6px orange); */
}

.top-firstblock{ width:100%; padding:20px 0}
.top-firstblock ul li{ list-style-type:none; display:inline-block; width:22%; margin:1%;border-radius:8px ; padding:0px; text-align:center; border:1px solid #e5e8e8}
.tex-1{font-family:'Conv_Mark Simonson - Proxima Nova Alt Bold';font-size:18px; padding:15px 0 0}
.tex-2{font-family:'Conv_Mark Simonson - Proxima Nova Alt Bold'; font-size:80px; padding:10px 0}
.tex-3{ font-size:13px; padding:15px 0; border-top:1px solid #e5e8e8}
.tex-4{font-family:'Conv_Mark Simonson - Proxima Nova Alt Bold'; font-size:13px; padding:15px 0 14px; font-size:17px}

.block-2{ width:100%; margin:auto; padding:0;}
.block-left{ width:47%; float:left;margin:1%; border:1px solid #e5e8e8; height:195px}
.box-hd{ background:#383336; width:100%; padding:10px 0}
.tol{ padding:0 20px }
.box-hd{ color:#fff;font-family:'Conv_Mark Simonson - Proxima Nova Alt Bold';font-size:18px; }
ul.nom{ margin: auto; padding:4px 20px}
ul.nom li{font-family:'Conv_Mark Simonson - Proxima Nova Alt Regular'; list-style-type:none; padding:5px 0 5px 0px; border-bottom:1px solid #e5e8e8; font-size:16px; text-align:left}
ul.nom li.text-lf{ float:left; width:33%; }
ul.nom li.text-rf{ float:right; width:67%;}

.total-close{ float:left; width:50%; text-align:center;}
.no{ font-size:80px; padding:28px 0 ; border-left:1px solid #e5e8e8;}

.fo-lt{ float:left}
.fo-rt{ float:right}
/* DASHBOARD PAGE CSS END */

/* Employee Grievance Module PAGE CSS START */
.emp-page{ width:100%; margin:autoa; text-align:center; padding:10px 0}
.tex-hadding{ color:#383336; font-size:25px; padding:50px 0 40px; text-align:center}
.ro-box{ width:830px; margin:auto; padding:40px 0; }
.ro-box ul{}
.ro-box ul li{background:#00b0c7; list-style-type:none; float:left;  padding:10px; margin:0 2%; border-radius:100%;width:220px; height:220px;}
.ro-box ul li:hover{ background:#faa633}
.ro-box ul li a{ color:#fff; font-size:25px; display:block; padding:37% 0 }
.ro-box ul li:hover a{opacity:0.80}

.raisequery-btn{}
.raisequery-btn a{font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; font-size:17px; color:#fff; background:#faa633; padding:8px 19px; position:fixed; bottom:41px;border-radius:8px 8px 0 0; right:20px; width: auto; text-align:center }
.raisequery-btn a:hover{ color:#000}
/* Employee Grievance Module PAGE CSS END   */


/* ALL TICKETS CSS */
.all-tr{ width:100%; margin:70px 0 0 0 ; padding:0; font-size:15px}
.box-content{ padding:0 30px }
.alltr-box1{ width:100%; margin:-1px 0 0 0; padding:69px 0; border-bottom:1px solid #e5e8e8; border-top:1px solid #e5e8e8}
.reply{ float:left; font-size:15px; text-transform:uppercase;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; margin:0 2% 0 0}
.reply a{ color:#4c4c4c}
.reply a:hover{color:#4c4c4c}
.reply img{ width:25px; float:left; margin:-2px 0 0 0}
.reply p{ float:left; padding:2px 7px 0}
.id-chack{ float:right}
.id-chack span{ padding:0 10px}

.tr-text{ font-size:18px; padding:10px 0}
.tr-text p{ padding:10px 0}
.tr-text span{font-family: 'Conv_Mark Simonson - Proxima Nova Alt Light'; font-size:16px}
/* ALL TICKETS CSS END*/

.form-add-box{ width:690px; margin:auto; padding:0 }
.faq-st{ padding:10px 30px 10px 0; width:95%; margin:auto;}
.faq-block1{ width:100%; margin:auto; padding:10px 5px; border-bottom:1px solid #e5e8e8; font-size:18px}
.fl-left{ font-size:20px}
.fl-left{ float:left;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold';}
.fl-right{ float:right;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold';}
.fl-right a{ color:#383336}
.fl-right img{ width:14px; margin:0 0 5px 0}
.fl-right a:hover{ color:#383336}
.fl-full{ width:100%; padding:5px 0 }
.clear{ clear:both !important}

textarea.fom-ht1{ height:40px !important}

.list-categore{ width:90%; margin:auto; padding:20px 0 50px; font-size:16px; color:#383336}
.list-categore ul li.tab-box{ float:left; margin:1%; list-style-type:none; width:30%; border:1px solid #383336; font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; height:300px}
.cat-hadding{color:#fff; background:#383336; padding:10px 20px}
.hd-left{ float:left}
.hd-right{ float:right}
.hd-right a{ color:#fff}

ul.tabs{ padding:20px 10px 0 30px; display:block  }
ul.tabs li{ padding:2px 0}

.add-box{ width:350px; border:1px solid #383336; padding:0px 0; margin:auto; text-align:center;font-size:16px; }
.add-block{ background:#383336; color:#fff; padding:8px 0 }
.add-box ul{ margin:15px 0}
.add-box ul li{ list-style-type:none; width:100%; margin: auto; padding:10px 0}
.add-box ul li input{ width:83%; border:1px solid #383336;border-radius:8px !important; padding:10px}
.login-add{ width:50%; background:#fff; float:left}
.login-add input{ width:100%; background:#383336; padding:12px 0; color:#fff; font-size:16px; border:0px; }
input.add-bor{border-right:1px solid #fff;}
.login-add input:hover{ background:#faa633}
.add-block2{ background:#383336; color:#fff; padding:0px 0 }

input.sub-cta{border-radius:8px;font-size:16px;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold';background:#383336;color:#fff;border:none;height:38px;margin:0 0 0 4%}
input.cli{ width:100%; padding:11px 0; margin:10px 0 0}
.block-box{ width:100%; margin: auto; padding:15px 0; background:#383336; text-align:center}
.reply-2{font-size:15px; text-transform:uppercase;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; margin: auto; display:inline-block; padding:0 10px}
.reply-2 a{ color:#fff}
.reply-2 a:hover{color:#fff}
.reply-2 img{ width:25px; float:left; margin:-2px 0 0 0}
.reply-2 p{ float:left; padding:2px 7px 0}
.box-content-2{ padding:10px 30px ; text-align:center; margin:auto}
.box-content-2 p{ padding:18px 0; font-size:18px}
.box-content-2 form{ margin:auto}
.palce-box{font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold';}
/* ==============
POP PU FORM OPEN CLICK BUTTON
===============*/
.pop-box{ margin:auto; padding:20px 0; text-align:center; cursor:pointer}
.modal-is-active {overflow: hidden}
.modal {visibility: hidden}
.modal--active {visibility: visible; border:none !important}
.modal__window {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;background: #f5f5f5;height: auto;left: 50%;max-height: 100%;max-width: 600px;min-height: 250px;opacity: 0;overflow-y: auto;position: fixed;top: 50%;-webkit-transform: translateX(-50%) translateY(-50%) scale(.75);-moz-transform: translateX(-50%) translateY(-50%) scale(.75);-ms-transform: translateX(-50%) translateY(-50%) scale(.75);
-o-transform: translateX(-50%) translateY(-50%) scale(.75);transform: translateX(-50%) translateY(-50%) scale(.75);-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;width: 100%;z-index: 1001; padding:20px}
.modal--active .modal__window {opacity: 1;-webkit-transform: translateX(-50%) translateY(-50%) scale(1);-moz-transform: translateX(-50%) translateY(-50%) scale(1);
-ms-transform: translateX(-50%) translateY(-50%) scale(1);-o-transform: translateX(-50%) translateY(-50%) scale(1);transform: translateX(-50%) translateY(-50%) scale(1);}
.modal__header {background: #000;color: #fff;padding: 2rem;}
.modal__title {font-size: 2rem}
.modal__close-btn {background:#000;cursor: pointer;height: 30px;position: absolute;right: 0;top: 0;width: 30px; z-index:9999; border:none; color:#fff; font-size:23px}
.pop-width{ width:100%; margin:auto; padding:0}
.modal__close-icon {fill: #fff;height: 20px;width: 20px}
.modal__content {padding: 2rem}
.modal__overlay {background: #000;height: 100%;left: 0;opacity: 0;position: fixed;top: 0;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;width: 100%;visibility: hidden;z-index: 1000}
.modal--active .modal__overlay {opacity: .75;visibility: visible}
textarea.cna{ width:90%; margin:10px auto; padding:10px; height:150px !important}
.continuea{font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; font-size:18px; background:#faa633; border:none;border-radius:8px; margin:20px 0 8px 0; padding:8px 15px; text-align:center; color:#fff; text-transform:uppercase}
/* ==============
POP PU FORM OPEN CLICK BUTTON
===============*/

/*	--------------------------------------------------
:: Tables
-------------------------------------------------- */
table.responsive th { border:1px solid #e6e8e8; font-weight: bold; }
table.responsive td, table.responsive th{ padding: 9px 10px !important; text-align: left; border:1px solid #fff;}
.twelve{ width:100%}
.table-cov{ width:100%; font-size:12px}
.tabel-boxas{ width:92%; margin:auto;padding:0px;}
table.responsive { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 0 0 18px; border: 1px solid #ddd;  }
table.responsive thead tr th,
table.responsive tfoot tr td { padding: 8px 10px 9px; font-size: 14px; font-weight: bold; color: #222; }
table.responsive thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table.responsive thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table.responsive tbody tr.even,
table.responsive tbody tr.alt { background: #fff; }
table.responsive tbody tr:nth-child(even) { background:#fff; }
table.responsive tbody tr td {border:1px solid #e5e8e8; color: #333; padding: 9px 10px; vertical-align: top; }

select.op-cl-box{ width:auto; padding:0 ; margin:auto; border:none; height:auto; font-size:18px; color:#383336;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;
  box-sizing: border-box; -webkit-appearance: none;  -moz-appearance: none; text-align:center; background:none}
select.op-cl-box option{ margin:3px 0; border:none;}
.tabl-word{ margin:auto; padding:0; background:#383336; color:#fff; font-size:18px;font-family: 'Conv_Mark Simonson - Proxima Nova Alt Semibold'; padding:8px 10px;
 border:1px solid #383336 }
.tabel-box1{ background:#e6e8e8}
img.star-1{ width:18px; padding:0 1px;}

ul.tabel-search{ width:100%; margin:auto; padding:0; border:1px solid #e5e8e8; float:left; clear:both; margin:20px 0}
ul.tabel-search li{ float:left; list-style-type:none;  font-size:17px; padding:10px 36px; margin:10px 1%}
.spas{ margin:-7px 15px 12px 0px }
ul.tabel-search li.srbox-1{width:192px}
ul.tabel-search li.srbox-2{width:172px}
ul.tabel-search li.srbox-3{width:180px}
ul.tabel-search li.srbox-4{width:162px}
ul.tabel-search li.srbox-5{width:140px}
.all-done{ width:100%; float:left}
ul.tabel-search li span{ float:left; margin:4px 0 0 0}
ul.tabel-search li .srk{ float:right; width:119px; padding:6px 6px; height:auto; font-size:15px}
/* -------------------------------------------------- 
:: Tables
---------------------------------------------------*/

.exp-blocl{ padding:0 8px 0 39px; margin:auto}
.export-left{ float:left;}
.export-right{ float:right; width:500px}

.export-right ul li{ margin:auto; padding:8px 0px; list-style-type:none; border:0px solid #e5e8e8; margin:0 0; float:left }
.export-right ul li a{ font-size:17px;}
.no1{ background:#383336; }
li.no1 a{ color:#fff}
li.no2 a{ color:#383336}
.no2{}

/* The switch container */
.switch {
  position: relative;
  display: inline-block;
  width: 40px;
  height: 22px;
}

/* Hide default HTML checkbox */
.switch input {
  display: none;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 12px;

}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 8px;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}