/* Add here all your CSS customizations */
@media print
{    
    .no-print
    {
        display: none !important;
    }
    a[href]:after {
    content: none !important;
  }
}

    @media screen and (max-width: 639px) {
     .large {
           display: none !important;
          }   
     .small {
         display: block !important;

           }
      }
       @media screen and (max-width: 1023px) {
   .large {
                                            display: none !important;
                                        }   
                                        .small {
                                         display: block !important;

                                        }
                                       }


.btn, .btn-default, .btn-default:focus, .btn:focus {
     background-color: none !important; 
     border-color: none !important; 
}

.label-align {
    text-align: end; 
}

input, textarea, keygen, select, button {
    text-align: left !important;
}

.login-container {
        width: 810px !important;
}

/*.login-container label {
    color: #fff !important;
}*/
#logoM
 {
        width: 100px;
    height: 50px;
}

.login-layout {
     background-color: none !important; 
}

#msgTbl td, 
#msgTbl th,
#subMsg,
#dateMsg,
#requestTbl td,
#requestTbl th {
        text-align: center;
}

#subMsg,
#code,
#subMsgS,
#type,
#sub,
#finalAction,
#finalResponse,
#codeP {
line-height: 34px;
text-align: center;

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

.ui-dialog {
    width: auto !important;
}

.refresh {
        line-height: 4px !important;
}

#requestTbl th input {
        width: 100px !important;
}

.c-left {
    float: left;
}

.b-tabs__content {
    height: auto !important;
}

ul .tree-branch-children {
    margin-bottom: 3px !important;
}



.tree{margin:auto;padding:0 0 0 9px;overflow-x:hidden;overflow-y:auto}
.tree:before{display:inline-block;content:"";
             position:absolute;top:-20px;
             bottom:16px;left:0;z-index:1;
             border:1px dotted #67b2dd;border-width:0 0 0 1px}
.tree .tree-branch-name,.tree .tree-item-name{cursor:pointer}
.tree .icon-caret{vertical-align:baseline!important}
.tree .tree-branch{width:auto;min-height:20px;cursor:pointer}
.tree .tree-branch .tree-branch-header{position:relative;height:20px;line-height:7px}
.tree .tree-branch .tree-branch-header:hover{background-color:rgba(98,168,209,.1)}
.tree .tree-branch .icon-caret+.tree-branch-header{display:inline-block;width:80%;width:calc(100% - 36px)}
.tree .tree-branch.tree-selected>.tree-branch-header{background-color:rgba(98,168,209,.18)}
.tree .tree-branch .tree-branch-header .tree-branch-name,.tree .tree-item .tree-item-name{display:inline;z-index:2}
.tree .tree-branch .tree-branch-header>.tree-branch-name>.ace-icon:first-child,
.tree .tree-item>.tree-item-name>.ace-icon:first-child
{display:inline-block;position:relative;z-index:2;top:-1px}
.tree .tree-branch>.tree-branch-header>.tree-branch-name>.tree-label{margin-left:2px}
.tree .tree-branch>.tree-branch-header>.tree-branch-name>.ace-icon:first-child{margin:-2px 0 0 -2px}
.tree .tree-branch:last-child:after{display:inline-block;content:"";
                                    position:absolute;z-index:1;top:15px;bottom:0;left:-15px;
                                    border-left:1px solid #FFF}
.tree .tree-branch .tree-branch-children{margin:0 0 0 23px;padding:0;position:relative}

.tree .tree-branch .tree-branch-children:before{display:inline-block;content:"";position:absolute;z-index:1;
                                                top:-14px;bottom:16px;left:-14px;border:1px dotted #67b2dd;
                                                border-width:0 0 0 1px}

.tree .tree-branch.tree-selected>.icon-caret+.tree-branch-header>.tree-branch-name>.tree-label
{font-weight:700}.tree .tree-item{height:20px;line-height:20px;cursor:pointer;max-width:calc(100% - 20px)}

.tree .tree-item:hover{background-color:rgba(98,168,209,.1)}

.tree .tree-item.tree-selected,.tree .tree-item.tree-selected:hover
{background-color:rgba(98,168,209,.16)}

.tree .tree-item>.tree-item-name>.ace-icon:first-child
{margin-right:3px}

.tree .tree-item>.tree-item-name>.tree-label>.ace-icon:first-child
{margin-left:3px;margin-right:3px}

.tree .tree-item>.ace-icon:first-child
{margin-top:-1px}

.tree .tree-branch,.tree .tree-item
{position:relative;list-style:none;border-left:1px solid #FFF;margin:1px 0}

.tree .tree-branch:before,.tree .tree-item:before
{display:inline-block;content:"";position:absolute;top:14px;left:-13px;width:18px;
 height:0;border-top:1px dotted #67b2dd;z-index:1}

.tree .tree-selected{color:#6398B0}

.tree .tree-branch .tree-branch-header{border-radius:0}

.tree .tree-branch .tree-branch-header,
.tree .tree-item{padding:5px;color:#4D6878;-webkit-box-sizing:content-box;
                 -moz-box-sizing:content-box;box-sizing:content-box}

.tree .tree-item>.tree-item-name>.ace-icon:first-child
{color:#F9E8CE;width:13px;height:13px;line-height:13px;font-size:11px;
 text-align:center;border-radius:3px;-webkit-box-sizing:content-box;
 -moz-box-sizing:content-box;box-sizing:content-box;
 background-color:#FAFAFA;border:1px solid #CCC;box-shadow:0 1px 2px rgba(0,0,0,.05)}

.tree .tree-selected>.tree-item-name>.ace-icon:first-child
{background-color:#F9A021;border-color:#F9A021;color:#FFF}

.tree .tree-minus.ace-icon:first-child,
.tree .tree-plus.ace-icon:first-child
{display:inline-block;font-style:normal;vertical-align:middle;
 height:11px;width:11px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;
 box-sizing:content-box;text-align:center;border:1px solid #8BAEBF;line-height:10px;
 background-color:#FFF;position:relative;z-index:2}

.tree .tree-minus.ace-icon:first-child:before,.tree .tree-plus.ace-icon:first-child:before
{content:"";display:block;width:7px;height:0;border-top:1px solid #4D6878;position:absolute;top:5px;left:2px}

.tree .tree-plus.ace-icon:first-child:after{content:"";display:block;height:7px;width:0;
                                            border-left:1px solid #4D6878;position:absolute;
                                            top:2px;left:5px}

.tree .tree-unselectable .tree-item>.tree-item-name>.tree-label>.ace-icon:first-child
{color:#5084A0;width:13px;height:13px;line-height:13px;font-size:10px;text-align:center;border-radius:0;
 background-color:transparent;border:none;box-shadow:none}

.tree .ace-icon[class*="-down"]{transform:rotate(-45deg)}.tree .ace-icon[class*="-download"]{transform:none}
                                                         
.tree .fa-spin{height:auto}

.tree .tree-loading{margin-left:36px}

.tree img{display:inline;veritcal-align:middle}
.tree .icon-open{width:16px;position:relative;z-index:2;padding-left:2px}

.tree .tree .tree-open>.tree-branch-header .icon-open{-webkit-transform:rotate(90deg);
                                                      -ms-transform:rotate(90deg);
                                                      -o-transform:rotate(90deg);
                                                      transform:rotate(90deg)}

.tree-container{background-color:#FFF;border:1px solid #DDD;
                border-left-color:#67b2dd;display:block;padding:0;max-width:200px;max-height:250px}

.tree-container .tree::before{margin-left:-1px}

.rc-anchor-normal {
    width: 154px !important;
}

.rc-anchor-normal-footer {
    display: none !important;
}

.marg-left {
    margin-left: 59px;
}

.pad-right {
padding-left: 16% !important;
}

.align-th {
    text-align: left !important;
}

.fo-14 {
        /*FONT-FAMILY: "FontAwesome" !important;*/
    font-weight: bold !important;
    font-size: 14px;
    font-style: inherit;
}
.fo-16 {
        /*FONT-FAMILY: "FontAwesome" !important;*/
    font-weight: bold !important;
    font-size: 16px !important;
    font-style: inherit !important;
}

.fo-12 {
        font-weight: bold !important;
    font-size: 12px !important;
    font-style: inherit !important;
}

.page-header h1 {
    padding: 0;
    margin: 0 8px;
    font-size: 20px !important;
    font-weight: lighter;
    color: #2679b5;
}

.page-header h1 small {
    margin: 0 6px;
    font-size: 18px !important;
    font-weight: 700;
    color: #8089a0;
}

h1 {
    color: #336666 !important;
 
}

    #outerDiv {
        box-shadow: 0 1px 2px 1px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.08);
        margin: 0 auto 4.5em;
        padding: 3em;
        border: 1px solid rgba(20,53,80,0.14);
        margin-top: 2%;
    }

.b-header__search-box input {
    width: 145px !important;
}

    .modal-backdrop {
        display: none !important;    }

    
    .modal-open .modal {
         overflow-x: no-display !important; 
        overflow-y: auto;
    }

   .left-arrow {
	display: inline-block;
	position: relative;
	background: #99cccc;
	padding: 15px;
        margin-left: 10px;
    margin-bottom: 6px;
        height: 50px;
}
.left-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid grey;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
}

.right-arrow {
	display: inline-block;
	position: relative;
	background: #99cccc;
	padding: 15px;
        margin-right: 10px;
    margin-bottom: 6px;
            height: 50px;

}
.right-arrow:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid grey;
}