*, *:before, *:after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

body,html{margin:0px; padding:0px;  box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-size:12px; line-height:14px; background:#fafafa;}
ul, li, img, div, a, p, span, h1, h2, h3, h4, h5{margin:0px; padding:0px; outline:none;}
ul, li{list-style-type:none;}
textarea, select, input{font-family:'Open Sans', sans-serif; font-size:12px; font-weight:normal; color:#AAAAAA; -webkit-appearance:none; outline:none;}

input.checkbox, input[type="checkbox"]{-webkit-appearance:checkbox !important;}
input.radio,  input[type="radio"]{-webkit-appearance:radio !important;}

.text{ display:inline-block; height:38px; background:#fff; border:1px solid #ddd; padding:0px 15px; font-family:'Roboto', sans-serif; font-size:13px; font-weight:300; color:#666; resize:none; -webkit-transition:all 0.4s ease 0s; -o-transition:all 0.4s ease 0s; transition:all 0.4s ease 0s;}
textarea.text{ height:100px; padding:15px;}
.text:focus{ box-shadow:0 0 3px #f3f3f3; -moz-box-shadow:0 0 3px #f3f3f3; -webkit-box-shadow:0 0 3px #f3f3f3;}


select{background:url(../images/bg-dd.png) no-repeat right; height:38px;}
select option{padding:2px 4px 2px 4px;}
a{color:#4c4c4c; text-decoration:none;}
a:hover{color:#311B92; -webkit-transition:color 0.5s ease-out; -moz-transition:color 0.5s ease-out; -o-transition:color 0.5s ease-out;}
.btn-large, .btn-medium{font-size:14px; font-weight:700; color:#FFF; text-transform:uppercase; padding:5px 20px 5px 20px; margin:2px; 
background:none; box-shadow:none; border-radius:5px!important; padding:6px 18px!important; margin-top:4px!important; }
.btn-medium{padding:3px 15px 2px 15px; margin:0px; line-height:15px; font-size:12px;}

.btn-small{ background-color: #ED7879; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwY2ZjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjZTFkY2RjIiBzdG9wLW9wYWNpdHk9IjEiLz4KPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNmMWVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
	background-image: -moz-linear-gradient(bottom, #DEDEDE 0%, #DEDEDE 50.12%, #EFEFEF 50.93%, #EFEFEF 100%);
	background-image: -o-linear-gradient(bottom, #DEDEDE 0%, #DEDEDE 50.12%, #EFEFEF 50.93%, #EFEFEF 100%);
	background-image: -webkit-linear-gradient(bottom, #DEDEDE 0%, #DEDEDE 50.12%, #EFEFEF 50.93%, #EFEFEF 100%);
	background-image: linear-gradient(bottom, #DEDEDE 0%, #DEDEDE 50.12%, #EFEFEF 50.93%, #EFEFEF 100%);
 
 padding:0px 5px; margin:0px; font-size:10px; line-height:14px; height: 18px;  font-weight:normal; border: 2px solid #fff; color: #4c4c4c; -moz-box-shadow:0 0 0 2px #DEDEDE; -webkit-box-shadow:0 0 0 2px #DEDEDE; box-shadow:0 0 0 2px #DEDEDE;  cursor: pointer;
    border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;  text-transform: uppercase;
}
.btn-small:hover{ color:#000; }
input:focus, textarea:focus, select:focus{/*-webkit-box-shadow:inset 0 0px 5px rgba(230, 68, 70, 0.5); -moz-box-shadow:inset 0 0px 5px rgba(230, 68, 70, 0.5); box-shadow:inset 0 0px 5px rgba(230, 68, 70, 0.5);*/}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#mxalert, div#mxconfirm{width:400px; height:auto; padding:20px; font-size:14px; color:#000; background-color:#FFF; text-align:center;}
div#mxalert a.close{position:absolute; right:0px; top:0px; padding:1px 4px 1px 4px; margin:-10px -10px 0px 0px; background-color:#FFF; color:#000;}
div#mxconfirm-btn{ float:left; width:100%; margin-top:15px;}
div#mxalert a.button, div#mxconfirm a.button{ display:inline-block; margin:0px 5px;padding:7px 15px; text-transform:uppercase; font-size:11px;}
/*~~~~~~~~~~~~~NEVER REMOVE THIS CLASS~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.transbg{position:fixed; z-index:5000; width:100%; height:auto; background-color:#FFF; background:rgb(0, 0, 0); background:rgba(0, 0, 0, 0.6);
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
 -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);}
ul.tree-list{float:left; width:100%;}
ul.tree-list li{float:left; width:100%; color:#4C4C4C; font-weight:bold;}
ul.tree-list li ul{float:left; width:90%; margin:4px 0 0 15px; margin-bottom:6px;}
ul.tree-list li ul li{float:left; width:100%; padding:2px 0px; color:#666666; font-weight:normal;}
ul.tree-list li input{float:left; width:auto; border:1px solid #DEDEDE; margin-right:3px;}
/*~~~~~~~~~~~~~work images~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#workImg{width:100%; float:left;}
#workImg object{margin:15px 0px 15px 0px; float:left;}
#workImg #imageStatus{display:none; float:left; color:#E64446; font-size:14px; margin:22px 0 22px 20px;}
ul.workList{float:left; width:100%;}
ul.workList li{width:150px; float:left; position:relative; margin:0px 5px 5px 0px; overflow:hidden;}
ul.workList li div{width:150px; height:112px; float:left; position:relative; margin:0px 0px 5px 0px; overflow:hidden; background:#DEDEDE;}
ul.workList li a.btn-del-img{width:16px; height:16px; position:absolute; right:5px; top:5px; color:#fff; text-align:center;}

/*************TOP NAV**************/
div#top-nav{min-width:1000px; width:100%; height:50px; float:left;  margin:0 0 1px 0; padding:5px 20px; 
box-shadow:1px 0px 5px rgba(0,0,0,0.2); box-shadow: 1px 0px 5px rgba(0,0,0,0.2); position:fixed; z-index:9999;}
div#top-nav a{/*background:url(../images/icons.png) no-repeat; display:inline-block; padding:4px 5px 4px 7px; margin:4px 2px 0px 2px; font-weight:bold; text-transform:uppercase;*/}
div#top-nav a.left{float:left;}
div#top-nav a.right{float:right;}
div#top-nav a.first{border:none;}
div#top-nav a.last{margin-right:10px;}
div#top-nav a.logout{}

div.settings{float:right; position:relative; padding-top:14px;}
div.sub-menu{display:none;position:absolute; top:45px; right:0; z-index:10; width:245px; background:#fff; border:1px dotted #ddd; 
border-bottom:0; box-shadow: 0 6px 12px rgba(0,0,0,.175); border:none; border-radius:5px;}
div#top-nav div.sub-menu a{display:block; width:100%; position:relative; border-bottom:1px solid #F3F3F3; float:left; padding:12px 13px 12px 35px; margin:0; background:none; text-transform:capitalize; font-weight:500; font-size:13px; color:#444; letter-spacing:0.2px;}
div#top-nav div.sub-menu a:hover{color:#311B92;}
div#top-nav a.profile{border:none; background:none; font-weight:600; font-size:13px; text-transform:uppercase; color:#fff;}
div#top-nav a.profile i{margin:0 0 0 8px; font-size:14px;}

div#top-nav div.sub-menu a:before{font-family:'FontAwesome'; font-size:14px; position:absolute; top:12px; left:10px;}
div#top-nav a.setting:before{content:"\f013";}
div#top-nav a.user:before{content:"\f0c0";}
div#top-nav a.role:before{content:"\f084";}
div#top-nav a.menu:before{content:"\f0ca";}
div#top-nav a.meta-setting:before{content:"\f121";}
div#top-nav a.language:before{content:"\f1ab";}
div#top-nav a.optimize:before{content:"\f066";}
div#top-nav a.logout:before{content:"\f08b";}

div#top-nav a.logo{height:45px; margin:0px; padding:0px 10px; background:none;}
div#top-nav a.logo img{ max-height:100%; width:auto;}
div.case-detail-tbl table.case-detail-tbl,table.case-detail-tbl td,table.case-detail-tbl th{border:1px solid #dfdfdf;}
div.case-detail-tbl table.case-detail-tbl th{background: #eee none repeat scroll 0 0;}


div.dashboard-wrap{ float: left; width: 100%; margin: 0px; padding: 15px 0px; position: relative;}
div.widget-wrap{ float: left; width:100%; margin: 0px; padding: 0px 300px 0px 5px; position: relative; text-align: left;}
div.widget { float: none; display: inline-block; width: 32%; vertical-align: top; padding: 0px; margin: 5px 5px 7px; border-radius: 3px; background: #fff; box-shadow: 0px 0px 5px #ddd;}
div.widget.half{ width:48.5%; }
div.widget.full{ width: 98%; }
div.widget h1{ float: left; width: 100%; margin: 0px; padding: 5px 15px; position: relative; background: #fff; border-bottom: 1px solid #f5f5f5; height: auto; cursor: pointer;}
div.widget h1:after{ content: "-"; position: absolute; right: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; font-size: 20px; text-align: center; line-height: 18px;}
div.widget h1.active:after{ content: "+"; position: absolute; right: 10px; top: 50%; margin-top: -10px; width: 20px; height: 20px; font-size: 20px; text-align: center; line-height: 18px;}
div.widget-fixed{ position: absolute; width: 300px; right: 15px; top: 15px; }
div.widget-fixed div.widget{ width:100%; }
div.expand{ float: left; width: 100%; margin:0px; padding: 10px; height: 180px; overflow: auto; }
div.expand ul.widget-list{ float: left; width:100%; margin: 0px; padding: 0px; position: relative; list-style-type: none; }
div.expand ul.widget-list li{ float: left; width: 100%; margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px; border-bottom: 1px solid #eee; position: relative;}
div.expand ul.widget-list li:last-child{ border-bottom: 0; }
div.expand ul.widget-list li a{ float: left; width: 100%; margin: 0px; padding:5px; font-size: 13px; }

/*
Close button-------------------------------------------*/
#nav-icon-bar{width:22px; height:22px; position:relative; margin:13px auto 9px; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.5s ease-in-out; display:inline-block;
-moz-transition:.5s ease-in-out; -o-transition:.5s ease-in-out; transition:.5s ease-in-out; cursor:pointer;}
#nav-icon-bar span{display:block; position:absolute; height:3px; width:51%; background:#fff; opacity:1; -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
-webkit-transition:.25s ease-in-out; -moz-transition:.25s ease-in-out; -o-transition:.25s ease-in-out; transition:.25s ease-in-out;}
#nav-icon-bar span:nth-child(even){left:50%; border-radius:0 9px 9px 0;}
#nav-icon-bar span:nth-child(odd){left:0px; border-radius:9px 0 0 9px;}
#nav-icon-bar span:nth-child(1), #nav-icon-bar span:nth-child(2){top:0px;}
#nav-icon-bar span:nth-child(3), #nav-icon-bar span:nth-child(4){top:6px;}
#nav-icon-bar span:nth-child(5), #nav-icon-bar span:nth-child(6){top:12px;}
#nav-icon-bar.open span:nth-child(1),#nav-icon-bar.open span:nth-child(6){-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
#nav-icon-bar.open span:nth-child(2),#nav-icon-bar.open span:nth-child(5){-webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
#nav-icon-bar.open span:nth-child(1){left:1px; top:5px;}
#nav-icon-bar.open span:nth-child(2){left:calc(50% - 5px); top:5px;}
#nav-icon-bar.open span:nth-child(3){left:-50%; opacity:0;}
#nav-icon-bar.open span:nth-child(4){left:100%; opacity:0;}
#nav-icon-bar.open span:nth-child(5){left:1px; top:11px;}
#nav-icon-bar.open span:nth-child(6){left:calc(50% - 5px); top:11px;}


div.left-panel{float: left; position:fixed; height:100%; /*overflow-y:auto;*/ width:265px; margin:0px; padding:0px; background:#fff; z-index:3; left:-266px; top:50px; transition: all ease-in-out 0.3s; -moz-transition: all ease-in-out 0.3s; -webkit-transition: all ease-in-out 0.3s; box-shadow:1px 0px 20px rgba(0, 0, 0, 0.08);}
div.left-panel.active{ left: 0; }
div.right-panel{float:right; width:100%; margin:0px; padding:55px 5px 0px 5px; position:relative;transition:all ease-in-out 0.3s; 
-moz-transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; overflow-y:auto;}
div.right-panel.active{ width: calc(100% - 265px); }

.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{position:relative; min-height:1px; float:left; padding:7px 5px;}
.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
.clearfix:before, .clearfix:after{display:table; content:" ";}
.clearfix:after{clear:both;}
img{vertical-align:middle;}
.img-responsive{display:block; max-width:100%; height:auto;}
.center-block{display:block; margin-right:auto; margin-left:auto;}
.pull-right{float:right!important;}
.pull-left{float:left!important;}

.box-wrapper{ /*box-shadow:0 1px 2px rgba(0,0,0,.075);*/ border:1px solid #eee; background-color:#FFF;}
#page-nav{border:1px solid #eee;}

div#top-nav .settings{}
.profile_wrapper{text-align: center;
padding: 20px;
background-color: #f5f5f5;}
.profile_wrapper a img{
	width:45%; margin-bottom:15px;
}
.profile_wrapper h2{ color:#311B92;
	font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.3px;
}

div.select-box{padding:0px!important;}

div#navigate a.search{position:relative; background:none;}
div#navigate a.search:after{content:"\f002"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.search:hover:after{color:#fff;}

div#navigate a.search-active{position:relative; background:none;}
div#navigate a.search-active:after{content:"\f00d"; color:#fff; z-index:999; position:absolute; 
font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.search-active:hover:after{color:#fff;}

div#navigate a.list{position:relative; background:none;}
div#navigate a.list:after{content:"\f022"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.list:hover:after{color:#fff;}

div#navigate a.trash{position:relative; background:none;}
div#navigate a.trash:after{content:"\f014"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.trash:hover:after{color:#fff;}

div#navigate a.print{position:relative; background:none;}
div#navigate a.print:after{content:"\f02f"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.print:hover:after{color:#fff;}

div#navigate a.add{position:relative; background:none;}
div#navigate a.add:after{content:"\f0fe"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; 
text-align:center; margin:0px auto; left:0px; right:0px; vertical-align:middle; top:32%;}
div#navigate a.add:hover:after{color:#fff;}

div#page-action a.restore {position:relative; background:none;}
div#page-action a.restore:before{content:"\f021"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; margin:0px auto; left:13px; vertical-align:middle; top:32%;}
div#page-action a.restore:hover:before{color:#311B92; background:none;}

div#page-action a.delete{position:relative; background:none;}
div#page-action a.delete:before{content:"\f00d"; color:#999; z-index:999; position:absolute; font:normal normal normal 14px/1 FontAwesome; margin:0px auto; left:13px; vertical-align:middle; top:32%;}
div#page-action a.delete:hover:before{color:#311B92; background:none;}



ul.main-nav li.active{background-color:#311B92; color:#fff;}

.wrap-media .media-list li{display:inline-block; margin:10px 10px 10px 0px; border:1px solid #ddd; text-align:center; position:relative;}
.wrap-media .media-list li .btn-del-img{position:absolute; top:0px; right:0px; font-size:8px; font-weight:700; background-color:#000; color:#fff;
border-radius:100%; padding:0px 4px;}

#scroll_wrapper{height:750px;}
.down-arrow{position:relative;}
.down-arrow::after{content:"\f107"; font-size:16px; font-family:FontAwesome;}
ul#main-nav li ul{border-top:1px dotted #ddd;}
ul#main-nav li ul li:last-child{border-bottom:none;}
ul.main-nav li ul li a:hover{color:#311B92!important;} 

div.add-new-article div.btn-add-more{padding:0px 40px!important;}
div.add-new-article div.btn-add-more .add-more-content{float:right;}
.select-box-editor{float:right; margin-right:22px; background-color:#fff;}

/*
9/4/2018-----------------------------------*/
.subtbl{margin-top:20px; border-top:1px dotted #ccc; padding-top:20px;}
.document-wrappers#wrap-form div.wrap-img{margin-bottom:20px;}
.padrt0px{padding-left:0px;}
.report-list-wrapper .input-group input{width:100%;}
.btns-group{margin-top:30px;}
.report-list-wrapper .heading-wrapper{border-bottom:1px dotted #ccc; padding:22px 15px;}
.report-list-wrapper .heading-wrapper h2{text-transform:capitalize; color:#311B92; font-weight:500; letter-spacing:0.5px;}
.report-list-wrapper .input-group label{font-size:14px; margin-bottom:10px; clear:both; display:table; font-weight:500; letter-spacing:0.3px;}
.report-list-wrapper .form-wrapper-box{display:table; margin:0px auto; clear:both; width:100%; padding:15px;}
.report-list-wrapper div.select-box select{color:#666;}

.form-field .radio-field{display:inline-block; margin-right:8px; margin-left:11px; margin-top:10px;}
.form-field .radio-field span{margin-left:3px;}
.table-wrapper-ae ul.tq-list{background:none;}
.table-wrapper-ae{background-color:#e8e8e8;}
.lable-wrapper{border-left:3px solid #311B92; padding:20px;}
.lable-wrapper p{font-size:18px; text-transform:capitalize; font-weight:600;  letter-spacing:1px;}
.accordian-class-wrap li.acc-item h4{font-size:16px; font-weight:600; color:#311B92; letter-spacing:0.3px; text-transform:capitalize; position:relative;}
.accordian-class-wrap li.acc-item h4:after{position:absolute; content:"+"; color:#311B92; background:none; top:14px; font-weight:600; font-size:22px;}
.accordian-class-wrap li.acc-item h4.active:after{content:"-";}
.accordian-class-wrap li.acc-item h4:before{ background:none;}
.ui-widget.ui-widget-content{padding:0px 5px;}
.ui-menu .ui-menu-item{padding:5px; font-size:12px; font-family:'Montserrat', sans-serif!important; font-weight:500; letter-spacing:0.3px;}
.ui-menu .ui-menu-item.ui-state-focus{background-color:#f5f5f5; border:none;}

@media screen and (max-width:1600px){
	div.widget{ width: 31%; }	
	div.widget.half{ width: 47.4%; }
	div.widget.full{ width: 96.4%; }
}


@media screen and (max-width:1600px){
	div.widget{ width: 31%; }	
	div.widget.half{ width: 47.4%; }
	div.widget.full{ width: 96.4%; }
}
@media (max-width:1600px)
{
	 #scroll_wrapper{height:500px;}
}
@media (max-width:1500px)
{
	 #scroll_wrapper{height:447px;}
}
@media (max-width:1366px)
{
	 #scroll_wrapper{height:416px;}
}
@media (max-width:1280px)
{
	 #scroll_wrapper{height:475px;}
}
@media (max-width:1024px)
{
  #scroll_wrapper{height:565px;}
}