/* here you can put your own css to customize and override the theme */
.row-prof{
	margin-left:0 !important;
	margin-right:0 !important;
}

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

.new-file .number {
  position: relative;
  display: inline-block;
  margin-top: 0px;
  margin-bottom: 10px;
  line-height: 120px;
  font-size: 80px;
  font-weight: 300;
  color: #35AA47;
  text-align: right;
}

.new-file .details {
  margin-left: 40px;
  display: inline-block;
  padding-top: 0px;
  text-align: left;
}

.value-txt {
    padding-top:7px;
    color : #333333;
}

.form-group {
    margin-bottom: 10px !important;
}

.feeds .col2 .attachment {
    color: #666;
    padding: 4px 9px 5px 4px;
    text-align: right;
}

.special-class{
    width:250px;
    height:280px;
}

.contact-special-class{
    width:250px;
    height:auto;
}

.taskassignment-special-class{
    width:350px;
    max-width:350px;
    height:auto;
}

.fieldhistory-special-class{
    width:450px;
    max-width:450px;
    height:auto;
}

.modal-body {
    padding: 30px !important;
}

.modal.large-modal {
    margin-left: -470px;
    width: 940px;
}

.modal.medium-modal {
    margin-left: -360px;
    width: 720px;
}

.chzn-container-single .chzn-single {
    background-clip: padding-box;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #333;
    display: block;
    height: 34px;
    line-height: 1.42857;
    overflow: hidden;
    padding: 7px 12px;
    position: relative;
    text-decoration: none;
    top: 2px;
    white-space: nowrap;
}

.chzn-container, .chzn-container-single .chzn-drop, .chzn-container .chzn-drop {
    /*width: 100%  !important;*/
}
.chzn-container-single .chzn-search input {
    width: 94% !important;
}


.btn-i {
    
    height: 34px!important;
    border: 1px solid #ccc !important;
    
}

.email_chzn .chzn-container-single .chzn-single,
.email_chzn .chzn-container-multi .chzn-choices{
    background-clip: padding-box;
    background-color: #ffffff;
    border: 0px solid #ccc;
    border-radius: 3px;
    color: #999;
    display: block;
    height: 28px;
    line-height: 27px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    top: 3px;
    white-space: nowrap;
}

.email_chzn .chzn-container .chzn-results {
    max-height: 400px !important;
}


#email_attachments .chzn-drop {
    bottom: 30px;
    top: auto !important;
    box-shadow: 1px 1px 4px 5px rgba(0, 0, 0, 0.15);
}

.fa-item {
    font-size: 13px;
    color:#31708f;
    padding: 10px 10px 10px 20px;
}

#btnFeedback{
    border: 3px solid #ffffff;
    background: #000;
    color: #ffffff;
    padding: 5px 20px 5px 15px;
    display: inline-block;
    margin: 0px 0px 0px -15px;
    font-weight: bold;
    cursor: pointer;
    line-height: 15px;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 7px 7px rgba(193, 193, 193, 0.7);
    -moz-box-shadow: 0px 0px 7px 7px rgba(193, 193, 193, 0.7);
    box-shadow: 0px 0px 7px 7px rgba(193, 193, 193, 0.7);
    position: fixed;
    bottom: 0px;
    z-index: 999;
    opacity: 0.5;
    filter: alpha(opacity=15);
    left: 95%;
    letter-spacing: 2px;
}
#btnFeedback:hover{
/*    margin-left: -20px;*/
    opacity: 1;
    filter: alpha(opacity=100);
    text-decoration: none;
}
#btnFeedback img{
    display: block;
    margin-left: -8px
}


.medium-popover .popover {
  width:240px;
}

.thumbnail {
    text-align: center;
    border: none;
   
}

 .thumbnail a > img {
    
   
    display: inline;
}

.thumbnail .caption {
    color: #333;
    padding: 0 9px 9px;
}

.middle-aligned > thead > tr > th, .middle-aligned > tbody > tr > th, .middle-aligned > tfoot > tr > th, .middle-aligned > thead > tr > td, .middle-aligned > tbody > tr > td, .middle-aligned > tfoot > tr > td {
    vertical-align: middle;
}

.txt-green{
    color:#35AA47;
}

.txt-red{
    color:#E02222;
}

.txt-gray{
    color:#636363;
}

.portlet.calendar .fc-event {
    border-radius: 3px !important;
    padding: 5px;
    margin-bottom: 5px;
}

.portlet.calendar .fc-event-title {
    font-size: 12px;
}

.portlet.calendar .fc-header-title h2 {
    color: #111;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    padding: 20px;
}

.my-sticky-class p
{
    color:#DDDDDD;
}

.template-class {
    height: 400px;
    max-width: 600px;
    min-width: 400px;
}

.popover.bottom > .arrow {
    /*border-bottom-color: rgba(0, 0, 0, 0.25) !important;*/
    border-bottom: 10px solid rgba(0, 0, 0, 0.25) !important;
    border-right: 10px solid transparent !important;
    border-top: 8px solid transparent !important;
    
    border-top-width: 0 !important;
    left: 50% !important;
    margin-left: -11px !important;
    top: -11px !important;
}

.jquery-notific8-container.top {
    top: 40px;
}

.portlet.box.gray > .portlet-title {
    background-color: #F5F5F5;
    border-bottom: 1px solid #ddd;
    
}

.portlet.box.gray {

    border-image: none;
    border: 1px solid #ddd;

}

.portlet > .portlet-body.gray, .portlet.gray {
    /*background-color: #F5F5F5 !important;*/
}

.portlet.gray > .portlet-title > .caption
{
    color:#636363;
}

#sticky.stick {
    position: fixed;
    /*top: 100;*/
    width: 83%;
    /*background-color: #333;*/
    z-index: 1000;
    /*border-radius: 0 0 0.5em 0.5em;*/
}

@media (max-width: 991px) {
    #sticky.stick {
        position: relative;
/*        top: 0;
        width: 98%;*/
    }
}

@media (min-width: 992px) and (max-width: 1257px) {
    #sticky.stick {
        position: fixed;
/*        top: 93px;*/
        width: 83%;
    }
}

.contact_hyperlink:hover {
    color: #999;
}

.filter-header {
    font-family: "Open Sans",sans-serif;
    font-weight: 600 !important;
    font-size: 13px;
    margin-bottom: 10px;
    /*margin-top: 10px;*/
}

.title-summary-table td{
    border-top: 0px; 
    border-bottom:1px solid #ddd;
}

.title-summary-table th{
    border-top: 0px; 
    border-bottom:1px solid #ddd;
}

.view_hyperlink {
    color: #999;
}
.view_hyperlink:hover {
    color: #555;
}
/*.chzn-container { width: 100% !important; }*/

.padding-left-0 {
    padding-left: 0px;
}

.padding-right-0 {
    padding-right: 0px;
}

.green-haze {
  background-color: #44b6ae !important;
}

.portlet.box.green-haze {
  border: 1px solid #44b6ae;
  border-top: 0;
}

.grey-steel {
    background-color: #435468;
/*    color: #eee;*/
}

.grey-light {
    background-color: #ccc;
    color: #435468;
}

.portlet.box.grey-steel {
  /*border: 1px solid #435468;*/
  background-color: transparent !important;
  border-top: 0;
  border: 1px solid #ddd;
}
.portlet.box.grey-steel > .portlet-title {
/*    background-color: #435468;
     border: 1px solid #435468;*/
     background-color: #303030;
     border: 1px solid #303030;
}

/*.cssClass li {
    list-style-type: disc;
    list-style-position: inside;
    text-indent: -1em;
    padding-left: 1em;
}*/

.ul_text_align {
  margin-bottom:0px;
} 
.ul_text_align li {
  margin: 0px;
    padding: 0px;
    text-indent: -1.5em;
    margin-left: 2em;
}

#sticky.privilege_stick {
    position: fixed;
    top: 0;
    width: auto;
    /*background-color: #333;*/
    z-index: 1000;
    /*border-radius: 0 0 0.5em 0.5em;*/
}

/*        .privilage table {
            width: 100%;
        }

        .privilage thead, tbody, tr, td, th { display: block; }

        .privilage tr:after {
            content: ' ';
            display: block;
            visibility: hidden;
            clear: both;
        }

        .privilage thead th {
            height: 30px;

            text-align: left;
        }

        .privilage tbody {
            height: 120px;
            overflow-y: auto;
        }

        .privilage thead {
             fallback 
        }


        .privilage tbody td, thead th {
            width: 19.2%;
            float: left;
        }*/

.dashboard-stat.gray {
  background-color: #ccc;
}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #FFF;
    background-color: #FFF;
}

.form-wizard .step i {
    display: inline-block;
}

.form-wizard .done .step i {
    color: #FFF;
    
}

/*.tab_error {
    background-color: #eee !important;
    color:#fff;
    
}*/

.tab_success {
    background-color: #3CC051 !important;
    color:#fff;
    
}

.form-wizard .active .step .number {
    background-color: #3399ff;
    color:#fff;
}

.form-wizard  .active .tab_success .step .number {
    background-color: #3399ff;
    color:#fff;
}

.form-wizard .done .step .number {
  background-color: #eee;
  color: #fff;
}

.form-wizard .step .number {
  background-color: #eee;
  color: #fff;
}

.form-wizard .step .desc {
  display: inline-block;
  font-size: 14px; 
  font-weight: 300;
}

.scroller {
  padding: 0px;
  margin: 0px;
  padding-right: 20px;
  overflow: hidden;
}

.inline-block{
    display:inline-block;
    margin-bottom:1px;
    padding:4px 8px;
}

.btn {
    letter-spacing: .5px;
    border-radius: 3px !important;
}

.btn-sm, .btn-xs {
    font-size: 12px;
    line-height: 1.5;
    padding: 4px 10px 3px;
/*    text-transform: uppercase;*/
}

.feeds .col22 {
    float: left;
    margin-left: -135px;
    width: 135px;
}

.feeds .col22 .date {
  padding: 4px 9px 5px 4px;
  text-align: right;
  font-style: italic;
  color:#c1cbd0;
}

.tile .tile-object > .number {
    bottom: 0;
    color: #ffffff;
    font-size: 30px;
    font-weight: 300;
    letter-spacing: 0.01em;
    line-height: 14px;
    margin-bottom: 12px;
    margin-right: 10px;
    opacity: 0.6;
    position: absolute;
    right: 0;
    text-align: center;
}

.tile {
  display: block;
  letter-spacing: 0.02em;
  float: left;
  height: 135px;
  width: 135px !important;
  cursor: default;
  text-decoration: none;
  color: #ffffff;
  position: relative;
  font-weight: 300;
  font-size: 12px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  border: 2px solid transparent;
  margin: 0 8px 8px 0;
}

.tile:hover {
  border-color: transparent !important;
  
}

/* entire container, keeps perspective */
.flip-container {
	perspective: 1000;
	transform-style: preserve-3d;

}
	/*  UPDATED! flip the pane when hovered */
	.flip-container:hover .back {
		transform: rotateY(0deg);
	}
	.flip-container:hover .front {
	    transform: rotateY(180deg);
	}

.flip-container, .front, .back {
	width: 135px;
	height: 135px;
}


/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}

/* hide back of pane during swap */
.front, .back {
	backface-visibility: hidden;
	transition: 0.6s;
	transform-style: preserve-3d;

	position: absolute;
	top: 0;
	left: 0;
}

/*  UPDATED! front pane, placed above back */
.front {
	z-index: 2;
	transform: rotateY(0deg);
}

/* back, initially hidden pane */
.back {
	transform: rotateY(-180deg);
}

/* 
	Some vertical flip updates 
*/
.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container:hover .back {
	    transform: rotateX(0deg);
	}

	.vertical.flip-container:hover .front {
	    transform: rotateX(180deg);
	}
        
.panel-body {
    padding: 10px;
}    

.panel-dashboard {
    border-color: none;
}

.panel-dashboard > .panel-heading {
    background-color: none;
    border-color: none;
    color: #333;
}

.modal.dashboard{
    margin-left: 0px !important;
    width:99% !important;
    left:10px !important;

}

.modal.preview-half{
    margin-left: 0px !important;
    width:70% !important;
    left:16%;
}

.modal.preview-window{
    width: 70%;
    margin: 30px auto !important;
    left: 15% !important;
    bottom: 1% !important;

}

.popover{
    z-index: 10050;
}

#watermark{
    position:fixed;
    z-index:-10;
    background:white;
    display:block;
    min-height:50%; 
    min-width:50%;
    color:yellow;
    top: 40%;
    left: 20%;
    background-repeat: repeat-y;
}


#watermark-bg-text
{
    color:#ED4E2A;
    opacity: 0.5;
    font-size:80px;
    transform:rotate(340deg);
    -webkit-transform:rotate(340deg);
    
}


.panel {
    
    background-color: transparent !important;
    
}

.portlet > .portlet-body.green, .portlet.green {
    background-color: transparent !important;
}

.portlet > .portlet-body.light-blue, .portlet.light-blue {
  background-color: transparent !important;
}

.portlet > .portlet-body.blue, .portlet.blue {
  background-color: transparent !important;
}

.portlet > .portlet-body.red, .portlet.red {
  background-color: transparent !important;
}

.portlet > .portlet-body.yellow, .portlet.yellow {
  background-color: transparent !important;
}

.portlet > .portlet-body.green, .portlet.green {
  background-color: transparent !important;
}

.portlet > .portlet-body.purple, .portlet.purple {
  background-color: transparent !important;
}

.portlet > .portlet-body.light-grey, .portlet.light-grey {
  background-color: transparent !important;
}

.portlet > .portlet-body.grey, .portlet.grey {
  background-color: transparent !important;
}

.portlet.box > .portlet-body {
    background-color: transparent !important;
}

.tabbable-custom > .tab-content {
    background-color: transparent !important;
}

.dashboard-stat .visual i {
    color: #fff;
    font-size: 35px;
    line-height: 35px;
}

@media (min-width: 992px) and (max-width: 1233px) {
    
    /*//Quick side bar*/
    .page-quick-sidebar-wrapper {
        /*position: fixed;*/
       margin-top: 42px;
        /*width: 98%;*/
    }
    
    /*//To solve problems in Administration pages. eg: company management, user management etc....*/
    .page-content-wrapper {
        margin-top: 40px;
    }
}

.label{
    border-radius: 3px !important;
    letter-spacing: 0.5px;
}

ul.fancytree-container {
    
    border: none;
    
}


.thick-hr{
    border-color:#31708f;
    border-width:1px;
}


/*
table{
  border-collapse:collapse;
  width:50%;
}

.blue{
  border:2px solid #1ABC9C;
}

.blue thead{
  background:#1ABC9C;
}

.purple{
  border:2px solid #9B59B6;
}

.purple thead{
  background:#9B59B6;
}

thead{
  color:white;
}

th,td{
  text-align:center;
  padding:5px 0;
}

tbody tr:nth-child(even){
  background:#ECF0F1;
}

tbody tr:hover{
background:#BDC3C7;
  color:#FFFFFF;
}

.fixed{
  top:10;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

.scrollMore{
  margin-top:600px;
}

.up{
  cursor:pointer;
}*/


#custom-template-container {
    position:relative;
/*    display:inline-block;
    width:100%;*/
}

/*#container:before {
    font-family: 'FontAwesome';
    position:absolute;
    display:block;
    right:10px;
    bottom:10px;
    width:10px;
    height:10px;
    content:"";
    content: "\f007";
}*/



/*trello style*/
.comment-box {
    position: relative;
}

.custom-template-container-options {
    position: absolute;
    bottom: 10px;
    right: 6px;
}

.custom-template-container-item {
    border-radius: 3px;
    float: left;
    height: 18px;
    margin-left: 4px;
    padding: 6px;

}


/*Start css for release version*/




/*#exitpopup form {
    padding: 0;
    margin: 0
}

#exitpopup div {
    background: #fff url(//cdn.elegantthemes.com/images/truste.jpg) no-repeat 60px 340px;
    padding: 0 60px 60px 300px;
    box-shadow: 0 0 60px rgba(0, 0, 0, .2);
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    text-align: left;
    width: 420px;
    position: fixed;
    z-index: 9999999;
    top: 50%;
    left: 50%;
    margin-left: -390px;
    margin-top: -203px;
    -webkit-animation: swing 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -moz-animation: swing 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -o-animation: swing 1s 1 cubic-bezier(0.77, 0, .175, 1);
    animation: swing 1s 1 cubic-bezier(0.77, 0, .175, 1);
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center
}*/

.ReleaseVersionFeature {
    display: block;
    content: "";
    background-image: url(../img/releases/feature.png) !important;
    background-size: 150px 150px;
    background-repeat: no-repeat;
    width: 318px;
    height: 318px;
    position: fixed;
    left: -50px;
    top: 0px;
    z-index: 2000000
}

.ReleaseVersionBug {
    display: block;
    content: "";
    background-image: url(../img/releases/bug.png) !important;
    background-size: 150px 150px;
    background-repeat: no-repeat;
    width: 318px;
    height: 318px;
    position: fixed;
    left: -50px;
    top: 0px;
    z-index: 2000000
}

#ReleaseVersionContent {
/*    display: block;
    content: "";
    background-image: url(//cdn.elegantthemes.com/img/exitpopup-freebies.png) !important;
    background-size: 150px 150px;
    background-repeat: no-repeat;
    width: 318px;
    height: 318px;
    position: fixed;
    left: -50px;
    top: 0px;
    z-index: 2000000*/
}

/*
body.blog #exitpopup div:after {
    background-image: url(//cdn.elegantthemes.com/img/exitpopup-freebies.png)
}

#exitpopup h3 {
    line-height: 36px;
    padding: 0;
    margin: 60px 0 20px;
    color: #454545;
    font-family: 'Goudy Bookletter 1911', arial, sans-serif;
    font-size: 36px
}

#exitpopup ul {
    font-family: arial;
    list-style-type: none;
    margin: 0 auto;
    display: inline-block
}

#exitpopup li {
    margin-top: 8px;
    background: url(//cdn.elegantthemes.com/img/exitpopup-star.png) no-repeat;
    padding-left: 30px;
    font-size: 18px;
    text-align: left
}

#exitpopup:after {
    content: "";
    background-color: rgba(0, 0, 0, .2);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999
}

#exitpopup .closex {
    display: block;
    cursor: pointer;
    width: 19px;
    height: 19px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
    background-image: url(//cdn.elegantthemes.com/img/exitpopup-x.png);
    position: absolute;
    top: 20px;
    right: 20px
}





@media only screen and (max-width:780px) {
    #exitpopup div:after {
        display: none
    }
    #exitpopup div {
        max-height: 80%;
        overflow: auto;
        min-width: 256px;
        box-sizing: border-box;
        width: 80%;
        left: 0;
        margin: 0 10%;
        padding: 0 60px 60px;
        top: 10%;
        background-image: none
    }
    #exit_emailinput,
    #exit_subscribe {
        width: 100%;
        box-sizing: border-box
    }
    #exit_subscribe {
        font-size: 18px;
        height: inherit
    }
    #exitpopup h3 {
        font-size: 24px;
        line-height: 1em
    }
    .exit_warning {
        visibility: hidden
    }
}*/

.mt-element-ribbon {
  padding: 25px;
  position: relative;
  margin-bottom: 30px; }
  .mt-element-ribbon .ribbon-content {
    margin: 0;
    padding-top: 2.5em; }
    .mt-element-ribbon .ribbon-content.no-padding {
      padding-top: 0; }
  .mt-element-ribbon .ribbon {
    position: absolute;
    top: 15px;
    left: -2px;
    padding: 0.5em 1em;
    z-index: 5;
    background-color: #bac3d0;
    color: #384353; }
    .mt-element-ribbon .ribbon.ribbon-right {
      left: auto;
      right: -2px; }
    .mt-element-ribbon .ribbon.ribbon-vertical-left {
      top: -2px;
      left: 15px;
      padding-top: 1em;
      padding-bottom: 1em; }
    .mt-element-ribbon .ribbon.ribbon-vertical-right {
      top: -2px;
      left: auto;
      right: 15px;
      padding-top: 1em;
      padding-bottom: 1em; }
    .mt-element-ribbon .ribbon.ribbon-shadow {
      box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.4); }
      .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-right,
      .mt-element-ribbon .ribbon.ribbon-shadow.ribbon-vertical-right {
        box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.4); }
    .mt-element-ribbon .ribbon.ribbon-round {
      border-top-right-radius: 5px !important;
      border-bottom-right-radius: 5px !important; }
      .mt-element-ribbon .ribbon.ribbon-round.ribbon-right {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 0px !important;
        border-top-left-radius: 5px !important;
        border-bottom-left-radius: 5px !important; }
      .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-right,
      .mt-element-ribbon .ribbon.ribbon-round.ribbon-vertical-left {
        border-top-right-radius: 0px !important;
        border-bottom-right-radius: 5px !important;
        border-top-left-radius: 0px !important;
        border-bottom-left-radius: 5px !important; }
    .mt-element-ribbon .ribbon.ribbon-border:after {
      border: 1px solid;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-vert:after {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid;
      border-right: 1px solid;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-hor:after {
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-left: none;
      border-right: none;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 0;
      right: 0; }
    .mt-element-ribbon .ribbon.ribbon-border-dash:after {
      border: 1px solid;
      border-style: dashed;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-dash-vert:after {
      border-top: none;
      border-bottom: none;
      border-left: 1px solid;
      border-right: 1px solid;
      border-left-style: dashed;
      border-right-style: dashed;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 5px;
      right: 5px; }
    .mt-element-ribbon .ribbon.ribbon-border-dash-hor:after {
      border-top: 1px solid;
      border-bottom: 1px solid;
      border-left: none;
      border-right: none;
      border-top-style: dashed;
      border-bottom-style: dashed;
      content: '';
      position: absolute;
      top: 5px;
      bottom: 5px;
      left: 0;
      right: 0; }
    .mt-element-ribbon .ribbon.ribbon-clip {
      left: -10px; }
      .mt-element-ribbon .ribbon.ribbon-clip.ribbon-right {
        left: auto;
        right: -10px; }
    .mt-element-ribbon .ribbon > .ribbon-sub {
      z-index: -1;
      position: absolute;
      padding: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before,
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent !important;
        bottom: -10px; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip:before {
        border-width: 0 10px 10px 0;
        border-right-color: #222 !important;
        left: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before,
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-color: transparent;
        bottom: -10px; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:before {
        border-right-color: transparent !important; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-clip.ribbon-right:after {
        border-width: 0 0 10px 10px;
        border-left-color: #222 !important;
        right: 0; }
      .mt-element-ribbon .ribbon > .ribbon-sub.ribbon-bookmark:after {
        border-left: 21px solid;
        border-right: 20px solid;
        border-bottom: 1em solid transparent !important;
        bottom: -1em;
        content: '';
        height: 0;
        left: 0;
        position: absolute;
        width: 0; }
    .mt-element-ribbon .ribbon:after {
      border-color: #62748f; }
    .mt-element-ribbon .ribbon > .ribbon-sub {
      background-color: #bac3d0;
      color: #384353; }
      .mt-element-ribbon .ribbon > .ribbon-sub:after {
        border-color: #62748f;
        border-left-color: #bac3d0;
        border-right-color: #bac3d0; }
    .mt-element-ribbon .ribbon.ribbon-color-default {
      background-color: #bac3d0;
      color: #384353; }
      .mt-element-ribbon .ribbon.ribbon-color-default:after {
        border-color: #9ca8bb; }
      .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub {
        background-color: #bac3d0;
        color: #384353; }
        .mt-element-ribbon .ribbon.ribbon-color-default > .ribbon-sub:after {
          border-color: #62748f;
          border-left-color: #bac3d0;
          border-right-color: #bac3d0; }
    .mt-element-ribbon .ribbon.ribbon-color-primary {
      background-color: #337ab7;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-primary:after {
        border-color: #286090; }
      .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub {
        background-color: #337ab7;
        color: black; }
        .mt-element-ribbon .ribbon.ribbon-color-primary > .ribbon-sub:after {
          border-color: #122b40;
          border-left-color: #337ab7;
          border-right-color: #337ab7; }
    .mt-element-ribbon .ribbon.ribbon-color-info {
      background-color: #659be0;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-info:after {
        border-color: #3a80d7; }
      .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub {
        background-color: #659be0;
        color: #0c203a; }
        .mt-element-ribbon .ribbon.ribbon-color-info > .ribbon-sub:after {
          border-color: #1d4f8e;
          border-left-color: #659be0;
          border-right-color: #659be0; }
    .mt-element-ribbon .ribbon.ribbon-color-success {
      background-color: #3cc051;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-success:after {
        border-color: #27a4b0; }
      .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub {
        background-color: #3cc051;
        color: #020808; }
        .mt-element-ribbon .ribbon.ribbon-color-success > .ribbon-sub:after {
          border-color: #14565c;
          border-left-color: #3cc051;
          border-right-color: #3cc051; }
    .mt-element-ribbon .ribbon.ribbon-color-danger {
      background-color: #ed6b75;
      color: #fff; }
      .mt-element-ribbon .ribbon.ribbon-color-danger:after {
        border-color: #e73d4a; }
      .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub {
        background-color: #ed6b75;
        color: #4f0a0f; }
        .mt-element-ribbon .ribbon.ribbon-color-danger > .ribbon-sub:after {
          border-color: #a91520;
          border-left-color: #ed6b75;
          border-right-color: #ed6b75; }
    .mt-element-ribbon .ribbon.ribbon-color-warning {
      background-color: #F1C40F;
      color: #010100; }
      .mt-element-ribbon .ribbon.ribbon-color-warning:after {
        border-color: #c29d0b; }
      .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub {
        background-color: #F1C40F;
        color: #010100; }
        .mt-element-ribbon .ribbon.ribbon-color-warning > .ribbon-sub:after {
          border-color: #614f06;
          border-left-color: #F1C40F;
          border-right-color: #F1C40F; }
        
        .county-note
        {
            cursor: pointer;
        }
        
        /* Toastr custom style */
#toast-container > div {

    border-radius: 5px !important;
    box-shadow: 0 0 12px #999 !important;
    opacity: 0.95 !important;
    
}

.toast-top-full-width {
    top: 50px;
    right: 0;
    width: 100%;
}

.table-striped > tbody > tr {
    border-top:1px solid #ddd !important;
}

.table-hover > tbody > tr {
    border-top:1px solid #ddd !important;
}

.sms-template-class {
    height: 250px;
    max-width: 400px;
    min-width: 300px;
    left:40px !important;
}

ul.fancytree-container
{
    outline: none !important;
}


/* -----------------------------------------
  =CSS3 Loading animations
-------------------------------------------- */

/* =Elements style
---------------------- */
.load-wrapp {
    float: left;
    width: 100px;
    height: 100px;
    margin: 0 10px 10px 0;
    padding: 20px 20px 20px;
    border-radius: 5px;
    text-align: center;
    background-color: #d8d8d8;
}

.load-wrapp p {padding: 0 0 20px;}
.load-wrapp:last-child {margin-right: 0;}

.line {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #4b9cdb;
}


.letter-holder {padding: 16px;}

.letter {
    float: left;
    font-size: 14px;
    color: #777;
}



.bar {
    float: left;
    width: 100%;
    height: 2px;
    border-radius: 2px;
    background-color: #ed4e2a;
}

/* =Animate the stuff
------------------------ */

.load-6 .letter {
    animation-name: loadingF;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-direction: linear;
}

.l-1 {animation-delay: .48s;}
.l-2 {animation-delay: .6s;}
.l-3 {animation-delay: .72s;}
.l-4 {animation-delay: .84s;}
.l-5 {animation-delay: .96s;}
.l-6 {animation-delay: 1.08s;}
.l-7 {animation-delay: 1.2s;}
.l-8 {animation-delay: 1.32s;}
.l-9 {animation-delay: 1.44s;}
.l-10 {animation-delay: 1.56s;}


.load-10 .bar {animation: loadingJ 2s cubic-bezier(.45,.45,.45,.45) infinite;}

@keyframes loadingF {
    0% {opacity: 0;}
    100% {opacity: 1;}
}


@keyframes loadingJ {
  0%,100% {transform: translate(0,0);}
  
  50% {
      transform: translate(0%,0);
      background-color: #ed4e2a;
      width: 0%;
  }
}

.bulb {
  background-color: #ed4e2a;
  -webkit-border-radius: 10px;
  border-radius: 10px !important;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  display: inline-block;
  font-family: Arial;
  font-size: 20px;
  padding: 5px 5px;
  text-align: center;
  text-decoration: none;
}

@keyframes glowing {
  0% { background-color: #ed4e2a; box-shadow: 0 0 3px #ed4e2a; }
  50% { background-color: #ffffff; box-shadow: 0 0 10px #ffffff; }
  100% { background-color: #ed4e2a; box-shadow: 0 0 3px #ed4e2a; }
}

.bulb {
  animation: glowing 1500ms infinite;
}

.no-border{
    border:none !important;
}

.light-border{
    border:1px solid #ddd !important;
}


.portlet.box.light-gray {
  /*border: 1px solid #435468;*/
  background-color: transparent !important;
  border-top: 0;
  border: 1px solid #ddd;
}
.portlet.box.light-gray > .portlet-title {
    background-color: #eee;
    color:#333 !important;
    font-weight: bold;
}

/*body {
  color: #5D5F63;
  background: #293949;
  font-family: 'Open Sans', sans-serif;
  padding: 0;
  margin: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}*/
.sidebar-toggle {
  margin-left: -240px;
}
.sidebar {
  width: 17%;
  height: 100%;
/*  background: #293949;*/
  background: #202020;
  position: fixed;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  z-index: 100;
  margin-left: -10px;
  margin-top:-6px;
}
.sidebar #leftside-navigation ul,
.sidebar #leftside-navigation ul ul {
  margin: -2px 0 0;
  padding: 0;
}
.sidebar #leftside-navigation ul li {
  list-style-type: none;
/*  border-bottom: 1px solid rgba(255, 255, 255, 0.05);*/
}
/*.sidebar #leftside-navigation ul li.active > a {
  color: #1abc9c;
}*/
.sidebar #leftside-navigation ul li.active ul {
  display: block;
}
.sidebar #leftside-navigation ul li a {
  color: #aeb2b7;
  text-decoration: none;
  display: block;
  padding: 8px 0 8px 15px;
  font-size: 12px;
  outline: 0;
  -webkit-transition: all 200ms ease-in;
  -moz-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  -ms-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
/*.sidebar #leftside-navigation ul li a:hover {
  color: #1abc9c;
}*/
.sidebar #leftside-navigation ul li a span {
  display: inline-block;
}
.sidebar #leftside-navigation ul li a i {
  width: 20px;
  margin-right:10px !important;   
}
.sidebar #leftside-navigation ul li a i .fa-angle-left,
.sidebar #leftside-navigation ul li a i .fa-angle-right {
  padding-top: 3px;
}

.sidebar #leftside-navigation ul ul {
  display: none;
}
.sidebar #leftside-navigation ul ul li {
/*  background: #23313f;*/
background: #303030;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  border-bottom: none;
}
.sidebar #leftside-navigation ul ul li a {
  font-size: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #aeb2b7;
}

.sidebar .menu-seperator {
  border-top:1px solid #444;
  width:83%;
  margin:10px 30px 10px 30px;
  
}

.sidebar .bottom-content {
  position: fixed; 
  bottom: 0px; 
  
}

.label-success, .badge-success {
    background-color: #0e9b24;
    background-image: none !important;
}

#FileMainChecklist .feeds li {
    background-color: #ffffff;
    margin-bottom: 7px;
}

#FileMainChecklist .feeds .col1 .cont .cont-col2 .desc {
    margin-left: 35px;
    padding-top: 4px;
    padding-bottom: 5px;
    overflow: hidden;
}

#timeline .timeline {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

#timeline .li {
  transition: all 200ms ease-in;
}

#timeline .timestamp {
  margin-bottom: 20px;
  padding: 0px 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: 100;
}

#timeline .status {
  padding: 0px 40px;
  display: flex;
  justify-content: center;
  border-top: 2px solid #D6DCE0;
  position: relative;
  transition: all 200ms ease-in;
}
#timeline .status .step {
  font-size: 11px;
font-weight: 600;
text-transform: uppercase;
color:#999;
padding-top:10px;

}
#timeline .status:before {
  content: "";
  width: 15px;
  height: 15px;
  background-color: white;
  border-radius: 25px;
  border: 1px solid #ddd;
  position: absolute;
  top: -8px;
  left: 42%;
  transition: all 200ms ease-in;
}

#timeline .li.complete .status {
  border-top: 2px solid #2a6496;
}
#timeline .li.complete .status:before {
  background-color: #2a6496;
  border: none;
  transition: all 200ms ease-in;
}
/*#timeline .li.complete .status .step {
  color: #2a6496;
}*/

@media (min-device-width: 320px) and (max-device-width: 700px) {
 #timeline .timeline {
    list-style-type: none;
    display: block;
  }

 #timeline .li {
    transition: all 200ms ease-in;
    display: flex;
    width: inherit;
  }

  #timeline .timestamp {
    width: 100px;
  }

 #timeline .status:before {
    left: -8%;
    top: 30%;
    transition: all 200ms ease-in;
  }
}

.btn-default {
    color: #666;
}

.dropDown{
        padding: 20px;
        background-color: #fbfbfb;
        padding-bottom:0px;
        display:none;
        z-index: 1001;
}
.selector{
        position: absolute;
        padding:5px;
        left: 50%;
        /*border-radius: 10px;*/
        background-color: #f8f8f8;
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
        cursor: pointer;
}


#FileSubBar{
  overflow: hidden;
  width: 100%;
background-color: #efefef;
border-bottom: 1px solid #e1e1e1;
 
   
    /*display: inline-block;*/
}

#FileSubBar ul{
      list-style: none;
}

#FileSubBar li{
  float: left;
  margin: 0 .5em 0 1em;
   padding-bottom: 2px;
}

#FileSubBar a{
/*  background: #ddd;*/
  padding: .4em 1em;
  float: left;
  text-decoration: none;
  color: #666;
   font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
/*  text-shadow: 0 1px 0 rgba(255,255,255,.5); */
  position: relative;
  /*background-image: linear-gradient(to bottom, #f8f8f8, #ddd);*/
/*  background-image: linear-gradient(to bottom, #404040, #1A1A1A);*/
}

#FileSubBar a:hover{
/*  background-image: linear-gradient(to top, #404040, #1A1A1A);*/
}
/*
#FileSubBar a::before,
#FileSubBar a::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #1A1A1A;
  transform: skew(-10deg);  
  background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
  background-image: linear-gradient(to bottom, #404040, #1A1A1A);
}

#FileSubBar a::before{

  left: -.5em;
  border-radius: 0px 0 0 4px;
  transform: skew(10deg);  
}

#FileSubBar a:hover::before{
  background: #ddd;
  background-image: linear-gradient(to top, #404040, #1A1A1A);
}

#FileSubBar a::after{
  right: -.5em;   
  border-radius: 0 0px 4px 0;
}

#FileSubBar a:hover::after{
  background: #ddd;
  background-image: linear-gradient(to top, #404040, #1A1A1A);
}*/

#FileSubBar .current,
#FileSubBar .current:hover{
  font-weight: bold;
  background: none;
}

#FileSubBar .current::after,
#FileSubBar .current::before{
  content: normal;
}


#breadcrumbs-tab{
  overflow: hidden;
  width: 100%;
  list-style: none;
  margin-top: -27px;
  
  
  float: left;
  margin: 0 .5em 0 1em;
  
  
  background: #ddd;
  padding: .7em 1em;
  float: left;
  text-decoration: none;
  color: #444;
  text-shadow: 0 1px 0 rgba(255,255,255,.5); 
  position: relative;
  background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
  
  
  
}



#breadcrumbs-tab :hover{
  background: #efc9ab;
}

#breadcrumbs-tab ::before,
#breadcrumbs-tab ::after{
  content:'';
  position:absolute;
  top: 0;
  bottom: 0;
  width: 1em;
  background: #ddd;
  transform: skew(-10deg);  
  background-image: linear-gradient(to bottom, #f8f8f8, #ddd);
}

#breadcrumbs-tab ::before{

  left: -.5em;
  border-radius: 5px 0 0 5px;
  transform: skew(10deg);  
}

#breadcrumbs-tab :hover::before{
  background: #efc9ab;
}

#breadcrumbs-tab ::after{
  right: -.5em;   
  border-radius: 0 5px 5px 0;
}

#breadcrumbs-tab :hover::after{
  background: #efc9ab;
}

#breadcrumbs-tab .current,
#breadcrumbs-tab .current:hover{
  font-weight: bold;
  background: none;
}

#breadcrumbs-tab .current::after,
#breadcrumbs-tab .current::before{
  content: normal;
}

.bg-dark {
    background-image: none !important;
    background-color: #e8e8e8  !important;
    border-color: #e8e8e8 !important;
    color: #fff !important;
}

.tile.double {
    width: 100% !important;
}

.tile .tile-body p, .tile .tile-body p:hover {
    
    color: #666;
    letter-spacing: 0px;
    
}

.tile .tile-object > .number{
      color: #777 !important;
      margin-bottom:10px;
}

.tile .tile-body h5, .tile .tile-body h5:hover  {
    
    color: #666;
                    margin-bottom: 5px;
                    text-align: right;
                    letter-spacing: 1px;
    
}

.tile .tile-body > .name{
      color: #333;
                   font-weight: bold;
}

.tile .tile-body > .name a{
      color: #333;
                   font-weight: bold;
}

.tile .tile-body > .address{
      color: #666;
                  
}

.CDFeeEdit { cursor: pointer; }

.alert-danger p {
    color: #a94442 !important;
}

.bootstrap-tagsinput {

    border: none;
    box-shadow: none;
   
}

.A4 {
  background: white;
  width: 90%;
  /*height: 37cm;*/
  display: block;
  margin: 0 auto;
  padding: 50px 110px;
  padding-bottom: 100px;
  margin-bottom: 0.5cm;
  box-shadow: 0 0 0.5cm rgba(0, 0, 0, 0.5);
  /*overflow-y: scroll;*/
  box-sizing: border-box;
  
  line-height: 20px;
  
  /*font-size: 12pt;*/
  
  /*font-size: 100%;*/
  
/*   -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    transform: scale(0.5);*/
  
}

.A4 h3, .A4 h3 {
    font-size:16px;
    font-weight:300;
}

.A4 h1 {
    font-size:25px;
    font-weight:700;
}

.A4 table {
    width: 100%
}


@media print {
  .page-break {
    display: block;
    page-break-before: always;
  }
  size: A4 portrait;
}

@media print {
  body {
    margin: 0;
    padding: 0;
  }
  .A4 {
    box-shadow: none;
    margin: 0;
    width: auto;
    height: auto;
  }
  .noprint {
    display: none;
  }
  .enable-print {
    display: block;
  }
}

#cke_editable {
    z-index: 9999999 !important;
    position: fixed !important;
    top: 67px !important;
    margin-left: -45px !important;
}

.cke_dialog {
    z-index: 999999 !important;
}

/*.cke_browser_gecko {
    z-index: 9999999 !important;
    position: fixed !important;
    top: 100px !important;
}*/

div[id^='cke_editor'], div[id*=' cke_editor']{
    z-index: 9999999 !important;
    position: fixed !important;
    top: 67px !important;
    margin-right: -165px !important;
}

/***
Tasks Widget
***/

.tasks-widget .task-content:after {
	clear: both;
}

.tasks-widget .task-footer  { 
	margin-top: 5px;
}

.tasks-widget .task-footer:after,
.tasks-widget .task-footer:before {
	content: "";
	display: table;
	line-height: 0;
}

.tasks-widget .task-footer:after {
	clear: both;
}

.tasks-widget  .task-list {
  list-style: none;
  padding:0;
  margin:0;
}

.tasks-widget .task-list > li {
  position:relative;
  padding:10px 5px;
  border-bottom:1px solid #eaeaea;
  background-color: #fff;
}

.tasks-widget .task-list  li.last-line {
  border-bottom:none;
}

.tasks-widget .task-list  li > .task-bell  {
  margin-left:10px;
}

.tasks-widget .task-list  li > .task-checkbox {
	float:left;
	width:30px;
}

.tasks-widget .task-list  li > .task-title  {
  margin-right:10px;
}

.tasks-widget .task-list  li > .task-config {
	position:absolute;
	top:10px;
	right:10px;
}

.tasks-widget .task-list  li .task-title .task-title-sp  {
  margin-right:5px;
}

.tasks-widget .task-list  li.task-done .task-title-sp  {
  text-decoration:line-through;
}

.tasks-widget .task-list  li.task-done  {
  background:#f6f6f6;
}

.tasks-widget .task-list  li.task-done:hover {
  background:#f4f4f4;
}

.tasks-widget .task-list  li:hover  {
  background:#f9f9f9;
}

.tasks-widget .task-list  li .task-config {
  display:none;
}

.tasks-widget .task-list  li:hover > .task-config {
  display:block;
  margin-bottom:0 !important;
}

.tasks-widget .task-config-btn {
  margin-top: -1px;
}

@media only screen and (max-width: 480px) {

	.tasks-widget .task-config-btn {
		float:inherit;
		display:block;
	}
	
	.tasks-widget .task-list-projects li > .label {
		margin-bottom:5px;
	}

}

h4, .h4 {
 //   font-weight: 400 !important;
}

.sweet-overlay {
    z-index: 10100 !important;
}

.btn-circle {
    border-radius: 25px !important;
    overflow: hidden;
    margin:3px;
    letter-spacing: 0.2px !important;
    padding:5px 12px !important;
}

.btn-circle-icon {
    border-radius: 25px !important;
    overflow: hidden;
    margin:3px;
    letter-spacing: 0.2px !important;
    padding:0px 12px !important;
    line-height: 1.1 !important;
}

.btn-rectangle-icon {
    border-radius: 1px !important;
    overflow: hidden;
    margin:3px;
    letter-spacing: 0.2px !important;
    padding:0px 12px !important;
    line-height: 1.1 !important;
}

.btn-circle-success, .btn-circle-success:hover {
   background-color: #66BB6A; color:#fff;
}

.btn-circle-danger, .btn-circle-danger:hover {
    /*background-color: #FF6E40; color:#fff;*/
    background-color: #B197DE; color:#fff;

}

.btn-circle-info, .btn-circle-info:hover {
    /*background-color: #57b5e3; color:#fff;*/
    background-color: #64B5F6; color:#fff;

}

.btn-circle-warning, .btn-circle-warning:hover {
    background-color: #fcb322; color:#fff;
}

.btn-circle-default, .btn-circle-default:hover {
    background-color: #fff; color:#666; border-color:#eee;
}

.btn-icon
{
    
    padding:6px;
    width:30px;
    /*border-radius: 15px !important;*/
    margin-left:-12px;
    margin-right:5px;
    display:inline-block;
    /*border-right: 1px solid #eee;*/
    font-weight: bold;
    font-size: 12px;

}

.btn-icon-light
{
background-color: rgba(255, 255, 255, 0.3);
}

.btn-icon-dark
{
background-color: rgba(0, 0, 0, 0.1);
}

.vertical-text {
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -ms-transform-origin: left top 0;
    -moz-transform-origin: left top 0;
    -webkit-transform-origin: left top 0;
    transform-origin: left top 0;
    background: #E23737;
    color: #fff;
    margin-left: 40px;
    padding: 10px;
    border: 1px solid #ccc;
    text-transform: uppercase;
    border: 1px solid #B52C2C;
    text-transform: 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 2px -2px 0px rgba(0, 0, 0, 0.1);
    float: left;
    height:100%;
}

.rotated {
    writing-mode: tb-rl;
    transform: rotate(-180deg);
    background: #ddd;
    color: #fff;
    padding: 5px;
    border: 1px solid #eee;
    text-transform: uppercase;
    font-size: 18px;
    letter-spacing: 8px;
    text-align: center;
}

.row-header
{
   border: 1px solid rgb(229, 229, 229) !important;  padding: 5px; background-color: rgb(245, 245, 245); 
}
.row-normal
{
   border: 1px solid rgb(229, 229, 229) !important;
    padding: 5px;
    text-align: right;
}

.btn-pointed-success {
   
    overflow: hidden;
    margin:8px;
    letter-spacing: 0.2px !important;
    padding:5px 12px !important;
    margin-right:15px;
    background-color: #66BB6A; color:#fff;
  
}

.btn-pointed-success:after {
	content: "";
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 14px solid #66BB6A;
        position: absolute;
        display: inline-block;
        margin-top: -5px;
        margin-left: 12px;
}

#SendUnderWriterArrow .btn-pointed-success::after {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #66BB6A;
    margin-top: -5px;
    margin-left: 12px;
}
#AltaReviewed .btn-pointed-success::after {
    content: "";
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #66BB6A;
    margin-top: -5px;
    margin-left: 12px;
}

.btn-pointed-default {
    
    overflow: hidden;
    margin:8px;
    letter-spacing: 0.2px !important;
    padding:5px 12px !important;
    margin-right:15px;
    background-color: #EEEEEE; color:#666;
  
}

.btn-pointed-default:after {
	content: "";
        border-top: 14px solid transparent;
        border-bottom: 14px solid transparent;
        border-left: 14px solid #EEEEEE;
        position: absolute;
        display: inline-block;
        margin-top: -5px;
        margin-left: 12px;
}

.btn-pointed-default:hover {
    background-color: #EEEEEE; color:#666;
}

.btn-pointed-success:hover {
    background-color: #66BB6A; color:#fff;
}

.btn-end-default {

    overflow: hidden;
    margin:8px;
    letter-spacing: 0.2px !important;
    padding:5px 12px !important;
    margin-right:15px;
    background-color: #EEEEEE; color:#666;

}

.btn-end-default:hover {
    background-color: #EEEEEE; color:#666;
}

.dashboard-section-head{
    /*font-weight: 600 !important;*/
    color: #999;
    font-size: 10px !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top:10px;
    margin-bottom:10px;
    line-height:1.1;
    display: block;
    /*font-family: 'Open Sans', sans-serif;*/

}

.chart-container {
    width:100% !important;
    height:300px !important;
}


.vert-timeline-item {
    padding: 35px 10px 1px;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    border-left: 2px solid rgba(0, 0, 0, 0.1);
}

.vert-timeline-item::before {
    content: attr(date-is);
    position: absolute;
    /*left: 2em;*/
    font-weight: bold;
    top: 1em;
    display: block;
    /*font-family: 'Roboto', sans-serif;*/
    font-weight: 700;
    font-size: 12px;
    color:#ff8800;
}
.vert-timeline-item::after {
    width: 10px;
    height: 10px;
    display: block;
    top: 1em;
    position: absolute;
    left: -6px;
    border-radius: 10px;
    content: '';
    border: 2px solid rgba(0, 0, 0, 0.2);
    background: white;
}
.vert-timeline-item:last-child {
    -o-border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)) 1 100%;
}

.file-block {
    border: 1px solid #eee !important;
    padding: 10px !important;
    border-radius: 6px !important;
    display: block;
    background-color: #fbfbfb !important;
}

.dash-border-style {
    padding: 1px 10px 1px;
    position: relative;
    color: rgba(0, 0, 0, 0.7);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    -o-border-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)) 1 100%;
    border-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1) 60%, rgba(0, 0, 0, 0)) 1 100%;

}

.snackbar-container
{
    border-radius: 2px !important;
}

.Custom_Cancel > .sa-button-container > .cancel {
    background-color: #DD6B55;
    border-color: #DD6B55;
}
.Custom_Cancel > .sa-button-container > .cancel:hover {
    background-color: #DD6B55;
    border-color: #DD6B55;
}

.title_header {
  position:relative;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #e5e5e5;
}

.ma-5 {
  margin: 5px;
}


/**/
/*Ripple Effect*/
/*
$color:red;
*/

/*body
{
  background-color:black;
  overflow:hidden;
}*/
.ripple_wrap
{
  position:absolute;
  margin:0 auto;left:0;right:0;
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction:column;
  height:100%;
  background: black;
}
.ripple_div
{
  background:red !important;
  cursor:pointer;
  border: 2px solid #E91E63;
  color: black;
  height: 15px;
  width: 15px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 100% !important;
  text-transform: uppercase;
  /*font-family: 'Muli-LightItalic', Helvetica;*/
  font-size: 10px;
  line-height: 10px;
  animation: ripple 1.5s linear infinite;
  transition: all 0.7s ease;


}

 
.ripple_div:hover
{
 transform: scale(1.1);
}
.ripple_div:focus
{
  outline:none;
} 

/*@keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgba($color, 0.3),
        0 0 0 1px rgba($color, 0.3),
        0 0 0 3px rgba($color, 0.3),
        0 0 0 5px rgba($color, 0.3);
    }
    100% {
      box-shadow: 0 0 0 0 rgba($color, 0.3),
        0 0 0 4px rgba($color, 0.3),
        0 0 0 20px rgba($color, 0),
        0 0 0 30px rgba($color, 0);
    }
}
*/
/**/
/**/
/**/
/* @mixin rings($duration, $delay) {
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -8px;
    left: -8px;
    right: 0;
    bottom: 0;
    content: '';
    height: 100%;
    width: 100%;
    border: 8px solid red;
    border-radius: 100%;
    animation-name: ripple;
    animation-duration: $duration;
    animation-delay: $delay;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(.65,0,.34,1);
    z-index: -1;
} */
/* 
.request-loader {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 10px;
  width: 10px;
  border-radius: 100% !important;
  background: green;
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.25);
  
  span {
    position: relative;
    font-size: 72px;
    top: 5px;
    left: -5px;
  }
  
  &::after {
    @include rings(3s, 0s);
  }
  
  &::before {
    @include rings(3s, 0.5s);
  }
} */


@keyframes ripple {
  /*from {
    opacity: 1;
    transform: scale3d(0.75,0.75,1);
  }
  
  to {
    opacity: 0.1;
    transform: scale3d(1.5,1.5,1);
  }*/

  0% {
    opacity: 1;
    transform: scale3d(0.75,0.75,1);
  }
  
  50% {
    opacity: 0.3;
    transform: scale3d(1.5,1.5,1);
  }

  100% {
    opacity: 1;
    transform: scale3d(0.75,0.75,1);
  }

}


.ext_auth_feilds
{
    border: solid 1px #ccc; 
    border-radius: 4px !important; 
    height: 48px !important;
    font-size: 16px;
}


.ext_auth_form_group
{
    margin-bottom: 15px !important;
}

.ext_auth_input_icon i
{
    margin: 16px 2px 4px 10px !important;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
.clear {
    clear: both;
}

.flex-container {
    display: flex;
    flex-wrap: wrap;
    width: 100%; /* Set the container to take up 100% of the available width */
}

.box1 {
    flex: 1 0 20%; /* Each box takes up 1/3 of the row */
    height: auto; /* Adjust the height as needed */
    box-sizing: border-box;
    border: 1px solid #ddd; /* Optional border for visual separation */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column; /* Arrange children in a column */
    background-color: #f8f9fa; /* Light background color */
    /*box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.2),*/
    /*inset -5px -5px 10px rgba(255, 255, 255, 0.5); !* Emboss effect *!*/
    gap: 10px;
    padding:5px;
}

.hidden_element {
    visibility: hidden;
}

.box1.textarea-box {
    flex-direction: row; /* Arrange children in a row */
    justify-content: space-between; /* Space out elements */
    align-items: center; /* Align items vertically in the center */
}

.box1.textarea-box textarea {
    flex: 1; /* Allow textarea to take up remaining space */
    margin-left: 10px; /* Optional: Add some space between elements */
}
.box1.textarea-box .column-elements {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
#FileMainChecklist .panel-heading .accordion-toggle:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114"; /* "down" arrow */
    float: right;
    color: grey;
}
#FileMainChecklist .panel-heading .accordion-toggle.collapsed:after {
    content: "\e080"; /* "up" arrow */
}
#FileMainChecklist .panel-title a {
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}
#FileMainChecklist .panel-title .glyphicon {
    margin-left: auto;
    font-size: 10px;
    color: #cccccc;
}
#FileMainChecklist .panel-default > .panel-heading {
    background: transparent;
}

#FileMainChecklist .panel-body {
    border: 0;
}
#FileMainChecklist .panel-default {
    margin-bottom: 5px;
}
#FileMainChecklist .panel-group {
    margin-bottom: 5px;
}
#FileMainChecklist .panel-heading {
    padding: 0;
}