@font-face {
        font-family: "Raleway-SemiBold";
        src: url(/fonts/Raleway-SemiBold.ttf) format("truetype");
    }
*{
     font-family: "Raleway", Verdana, Tahoma;
     outline:0!important;
   
}

body {
    font-family: "Raleway-SemiBold", Verdana, Tahoma;
    font-size: small !important;
    overflow: hidden;    
  
}

.tdPadding {
    padding: .5em;
}

.trTop {
    vertical-align: top;
}

.noWrap {
    white-space: nowrap;
}

iframe{
    border:none !important;
    height:inherit;
}

.ui-widget-header {
  /* border: 1px solid #aaa; */
  /* background: #ccc url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x; */
  background:none !important;
  border: none !important;
  background-color: rgb(0, 16, 66) !important;
  color: rgb(140, 162, 180) !important;
  /*color: #222;*/
  font-weight: bold;
  margin-top: -3px;
  /*width: 869px;*/
  margin-left: -3px;
  height: 40px;
}

.ui-dialog-buttonset span{
 background-color: rgb(0, 16, 66) !important;
 color:white;
}

.ui-dialog .ui-dialog-title {
    margin-top: 10px !important;
    width: 78% !important;
}

.ui-widget {
    padding:inherit !important;
}

/*input[type=checkbox]{
    -webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #5E5E5E;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	display: inline-block;
	position: relative;
}*/

input[type=checkbox]:active, input[type=checkbox]:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

/*input[type=checkbox]:checked {
	background-color: #e9ecee;
	border: 1px solid #5E5E5E;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}*/

/*input[type=checkbox]:checked:after {
	content: '\2714';
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 1px;
  color: #3B3D3F;
}*/

input[type=text]{

  
  height: 35px;
  margin-right: 10px;
  padding-left: 5px;
  color:#2e3e50;
  /*background-color:#BFC4C8;*/
  width:100%;

}

input[type=password]{  
  
  height: 35px;
  margin-right: 10px;
  padding-left: 5px;
  color:#2e3e50;
  background-color:#BFC4C8;
  
}

.buttoncss{
   background-color: rgb(0, 16, 66) !important;
  color: white;
  font-weight: normal;
  font-size: 1em;
  margin: 0em;
  font: bold;
  text-rendering: auto;
 
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  cursor: pointer;
  padding: .4em 1em;
  border-radius: 5px;
  border: none;
  width: 81px;
  height: 33px;
  margin-left: 10px;
  margin-right: 10px;
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon  {
    background-image: url("images/ui-icons_888888_256x240.png")!important;
}

/*class for traingle on the top of dialog box*/
.arrow_box {
    top:40px;
    position: relative;
    background: #ffffff;
    border: 1px solid #719ECE; /*set border colour here*/
    width: 200px;
    height: 200px;
    border-radius: 3px;
    /*-webkit-filter: drop-shadow(0 1px 10px rgba(113,158,206,0.8));*/ /*set shadow colour  and size here*/
    -moz-box-shadow: 0 1px 10px rgba(113, 158, 206,0.8);
    filter: drop-shadow(0 1px 10px rgba(113, 158, 206,0.8));
}
.arrow_box:after, 
.arrow_box:before {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 19px;
    left: 50%;
    margin-left: -19px;
}
.arrow_box:before {
    border-color: rgba(113, 158, 206, 0);
    border-bottom-color: #719ECE;
    border-width: 20px;
    left: 50%;
    margin-left: -20px;
}

.nicEdit-main{
    min-height: 200px !important;
}

.menu a:hover {
    color:white;
}

.menu a {

    color: rgb(6, 6, 97);
}

.logintext{
    width:300px; 
    color:white; 
    margin: 0 auto; 
    padding-top: 5px; 
    text-align: center; 
    font-weight:bold;
}

.menudropdown{
    position: absolute; 
    left: 230px;
    top: 120px; 
    padding-left: 10px;
    background:rgb(150, 181, 192);
    border:none !important;
}

.menuImage{
     border-width: 0px;
    z-index: 50;
    width: 100%;
    max-width: 130px !important;
    min-width: 50px;
}


.likeabutton:active {
    border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.ui-grid-vcenter div {
  text-align:center !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-close {
    top: 9px !important;
}

.ngdialogsubmenu{
    /*background-color:#E47E2C !important;*/
    padding-top: 5px;
    padding-bottom: 5px;
    /*width: 1114px;*/
     width: 102.7% ;
    margin-left: -14px;
    margin-top: -1px;
}


 .layout {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.428571429;
        /*color: #333333;*/
        color: rgb(0, 16, 66);
        white-space: nowrap;
    }

        .layout:hover,
        .layout:focus {
            color: #ffffff;
            text-decoration: none;
            /*background-color: #428bca;*/
            background-color: rgb(0, 16, 66);
            color: white;
        }

    .caret {
        border-top-color: rgb(161,188,199) !important;
        border-bottom-color: rgb(161,188,199);
        border-top: 9px solid #000000;
        border-right: 9px solid transparent;
        border-bottom: 0 dotted;
        border-left: 9px solid transparent;
    }

    .navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
        border-top-color: white !important;
        border-bottom-color: white;
    }



    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: rgb(150, 181, 192);
    }

    #divWaitSpinner img{
        position: absolute;
        left: 33%;
        z-index: 1000000;
    }
    .navbar-nav.main-menu {
        float: none;
        margin: 0 0 0;
        display: table;
        width:630px;
    }

        .navbar-nav.main-menu > li {
            float: none;
            display: table-cell;
            
            vertical-align: middle;
            padding:4px;
        }

            .navbar-nav.main-menu > li > a {
                padding: 0 !important;
            }

    .navbar-header .navbar-toggle:hover,
    .navbar-header .navbar-toggle:focus {
        background-color: transparent;
    }

     .dropdown-menu:before {
     
    }

    .dropdown-menu:after 
    {

    }

    #clientMenu ul {
        background-color: rgb(161,188,199);
        color: rgb(0,16,66);
    }

    #clientMenu {
        background-color: rgb(161,188,199);
        color: rgb(0,16,66);
        margin-top: 27px;
    }

    /*Mobile Css*/
     @media screen and (max-width: 1129px) {
        .ngdialog.ngdialog-theme-default .ngdialog-content {
            padding-right: 0px !important;
        }
    }

    @media screen and (max-width: 768px) {
        #clientmenulin1k {
            top: 27px;
        }

        #searchrightdiv {
            display: none;
        }

        #menudesktop {
            display: none;
        }

        #menumobile {
            display: block;
        }

        #Clientmatterdesktop {
            display: none;
        }
     
        .ngdialog-overlay {
            position: inherit;
        }

        .ngdialog {
            position: inherit;
        }

            .ngdialog.ngdialog-theme-default {
                padding-top: 37px;
            }

        .ngdialog-popover {
            margin-left: 87% !important;
        }



        #clientmenulink {
            background-color: rgb(0,16,66) !important;
            font-size: large;
        }

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

        .navbar-a {
            font-size: large;
            padding-bottom: 15px !important;
            padding-top: 15px !important;
        }

        .panel {
            border: none;
        }

        .navbar-a .panel-group .panel-heading + .panel-collapse .panel-body {
            border-top: none !important;
            background-color: rgb(165, 196, 204);
            color: rgb(0,16,66);
            font-size: small;
        }

         .navbar-atool .panel-group .panel-heading + .panel-collapse .panel-body {
            border-top: none !important;
            background-color: rgb(165, 196, 204);
            color: rgb(0,16,66);
            font-size: small;
        }

        .navbar-a > .panel-group> .panel-default > .panel-heading 
        {
            background-color:#BFC4C8 !important;
            padding-bottom: 15px;
            padding-top: 15px;
            font-size: large;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .navbar-atool > .panel-group > .panel-default > .panel-heading {
            background-color:#BFC4C8 !important;
            padding-bottom: 15px;
            padding-top: 15px;
            font-size: large;
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
        }

        .panel-group .panel {
            border-radius: 0px;
        }

        .accordion-toggle:hover {
            text-decoration: none;
        }

        .navbar-nav .open .dropdown-menu > li > a:hover {
            background-color: transparent;
        }

        .layout:hover, .layout:focus {
            background-color: transparent;
        }

        #clientMenu {
            background-color: rgb(23,78,113);
            color: white;
            margin-top: 55px;
            width: 95%;
            margin-left: 14px;
            /* margin-right: 19px; */
            position: relative;
        }

            #clientMenu ul {
                background-color: rgb(23,78,113);
                color: white;
            }

        .dropdown-menu > li > a {
            color: white;
        }

        #aOldMatterTemplate {
            color: white;
        }
        .nopadding 
        {
            float: left !important;
            display:inline;
            padding:0px !important; 
        }
        .ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary
        {
            background-color :#33495F !important;            
        }
        .ngdialogsubmenu
        {
            background-color :#33495F !important;
        }

        .ngdialog-buttons .ng-btn-border
        {
            border-left:solid 1px #22303a;
            border-top:solid 1px #22303a;
            border-bottom:solid 1px #22303a;
            padding:0px;
            margin:0px;
            width:50%;

        }
        .ngdialog-buttons .ng-btn-border-send
        {
            border-right:solid 1px #22303a;            
            border-bottom:solid 1px #22303a;            
            padding:0px;
            margin:0px;
        }
     
        .ngdialog 
        {
            overflow:auto !important;
        }
        .dropdown-submenu > a::after
        {
            display:none;
        }
        #liClientTemplate  li
        {
            list-style:none;
            list-style-position:outside;
        }
        #menumain img 
        {
            width:auto !important;
            height:auto !important;
        }
  
    }

    @media screen and (min-width: 768px) {

        .navbar-a 
        {        
        
        }

        #menumobile 
        {
            display: none;
        }
    }


#menumain > li > a 
{
    background-color:#f39b22 ;
}
.navbar-inverse
{
    /*background-color:#e47e2c !important;*/
    background-color:#e47e2c;
}
.navbar-toggle 
{
    margin-right: 4px !important;
}

.relway 
{
  font-family: "Raleway-SemiBold", Verdana, Tahoma;
}

.input-holder-msg
{
    /*background-color:#bfc4c8;*/
}
.input-holder-msg  input[type=text]
{
    /*background-color:#bfc4c8;*/
    border:none;
}
.input-holder-msg-button
{
    background: rgba(0, 0, 0, 0) url("/images/users-top-menu-button.png") no-repeat scroll 0 0 / contain ;
    border: medium none;
    /*height: 35px;*/
    width: 25px;
    padding-left:0px;
}

.navbar-fixed-top, .navbar-fixed-bottom
{
   position:absolute !important;
}

.pcolorgeneral
{
  color:#33495F;
}
textarea
{
  background-color:#BFC4C8;
  color:#33495F;
}
     
     label
     {
         color:#33495F;
     }
     strong
     {
         color:#33495F;
     }
     
     .create-message-buttons
     {
         padding-left:1px !important;
         padding-bottom:1px !important;      
     }

 .create-message-button-w
  {
         width:100%;
         padding-left:3px !important;
         padding-right:3px !important;
         text-align:center;
         
  }
.nopadding 
{
   float:right ;
   padding: 1px;
   margin: 1px;
}
.nopadding-def
{
   
   padding: 1px !important;
   margin: 1px !important;
}
.ngdialog 
{
    overflow:auto !important;
}

.panel-default > .panel-heading
{
    background-color:#BFC4C8;
    border-radius:0px !important;
}

.file-category-browse-btn {
    background: url('/images/file-category-browse.png') no-repeat 50%;
    margin-top: -11px;
    margin-right: -14px;
    width: 44px;
    height: 45px;
   /*border: solid 1px #a0a2a3;*/
    margin-left:10px;
}

.panel-group .panel 
{
    border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.panel 
{
    border-radius: 0; 
    /*border:1px solid#BFC4C8;*/
    background-color: #BFC4C8;
}


.prev-next-msg-container
{
    display:table-cell;
    background-color:#33495F;
    height: 46px;    
    text-align: center;
    vertical-align: middle;
    width: 44px;
    padding-left:2px;
    border-right:3px solid #22303a;
    margin-top:-7px;
}
.dlg-group-btn
{
    


}
.likeabutton 
{
    color: buttontext;
    display: inline-block;
    float: right;
    font-weight: bold;
    height: 32px;
    margin-top: -8px;
    text-decoration: none;
    width: 41px;
}

.modal-header h4
{
    color : #edf1f1;
}
#menumain img 
{
    width:40%;
}

.navbar-inverse
{
    background-color:none !important;
    border:none !important;
}

.caretdp {
    background-image: url('/images/open_link_menu_small.png');
    background-position: right;
    background-repeat: no-repeat;
    float: right;
    width: 50px !important;
    height: 31px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: none !important;
    top: 1px;
    position: absolute;
    right: 8px;
}

.selectdropdown {
    width: 100%;
    text-align: inherit;
}

.licolor {
    background: rgb(34, 48, 58);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    cursor: pointer;
    width: 100%;
}

.scrollable-menu {
    height: auto;
    max-height: 150px;
    overflow-x: hidden;
}

.dropdown-caret-position {
    display: block;
    margin-right: 25px;
    overflow: hidden;
}



/*.select-wrap {
background:#E47E2C url('/images/open_link_menu_small.png') right 6px center no-repeat;
}
.select-wrap select{
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    background:transparent;
    border-radius: 0px;
    color: #22303A;
    font-weight: bold;
}*/