.form-actions{
	background-color: #FFFFFF
}
/*widget header  light blue*/
.header-color-camublue {
  background: #d9edf7;
  border-color:#438EB9;
}
/*sortable list item left border*/
li.item-camugreen {
border-left-color: #51a351;;
}
li.item-camublue {
border-left-color: #438EB9;
}
/*list border color */
li[class*="item-"] {
border: 1px solid #F6F3F3;
border-left-width: 2px;
}
.item-gray1 {
  padding-top: 1px;
  padding-left: 3px;
  padding-bottom: 1px;
  padding-right: 3px;
  height: 38px;
}     
.item-list>li {
  padding: 7px 0 7px 0;
  background-color: #FFF;
  margin-top: -1px;
  position: relative;
  min-height: 65px;
}                      
/*label  badge color*/
.label-camublue, .badge-camublue {
  background-color: #438EB9!important;
}
.hideColor{
  color: #FFF!important;
}
/*button color classes*/
.btn-lightgray {
  background-color: #f5f5f5!important;
  border-color: #f5f5f5;
}
.btn-lightgray.no-hover:hover {
background-color:#f5f5f5!important;
}
/*timeline type two line color*/

/*Timeline widget height*/
.timeline-item .transparent.widget-box1 {
border-left: 3px solid #dae1e5;
}
/*auto text span and ellipsis concating*/
.span-width1{
  max-width:70px;
  height:1px;
  border-spacing: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*list photo span*/
.list-span1{
  max-width:40px;
  max-height:40px;
}

/*image size*/
/*width and height*/
.birthDayDetail{
  max-width:210px;
  max-height:20px;
  width:200px;
}
.imgcontainer {
    max-width: 10px;
    max-height: 15px;
    background-color: red;
}

/* resize images */
.imgcontainer img {
    width: 80%;
    height: auto;
}
.imageSize{
	max-width:32;
	height:auto;
}
/*image zooom on mousehover*/
#zoomEffect {
	height: auto;
	-webkit-transition: all 1s ease;
  	-moz-transition: all 1s ease;
  	-o-transition: all 1s ease;
  	-ms-transition: all 1s ease;
  	transition: all 1s ease;
}
#zoomEffect:hover {
	cursor: pointer;
	height:auto;
	width: auto;
    transform:scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2); /* Firefox */
    -webkit-transform:scale(1.2); /* Safari and Chrome */
    -o-transform:scale(1.2); /* Opera */
}

/*tabspace class*/
span.tab{
  padding: 0 80px; /* Or desired space*/
}
span.tab4{
  padding: 0 320px; /* Or desired space*/
}

/*camu color codes  #D6B4DF;*/
h4.CamuGreen1{
	color:#3DAC37;
	
}
/*light orange*/
small.lightorange {
  color: #EC8B3D!important;
}
span.CamuGreen1{
  color:#3DAC37;
}
/*staffhome widget styles*/
/*widget header color and border*/
.header-color-camulight {
  background: #F3F3F3;
  border-color: #FFFFFF;
}
/*widget body color and boder*/
.widget-staffhomebody {
  border: 2px solid #F3F3F3;
  border-top: 0;
  background-color: #FFF;
}
.ui-jqgrid .ui-jqgrid-bdiv {
  position: relative; 
  margin: 0em; 
  padding:0; 
  /*overflow: auto;*/ 
  overflow-x:hidden; 
  overflow-y:auto; 
  text-align:left;
}
/*popover scroll bar*/
.popover-content {
  height: 270px;
  overflow:scroll;
} 
/*scroll bar sticky features related styles starts*/
 .shadow-box { display:none;position: fixed;z-index:1000;width: 100%; height: 4px; height: 8px;margin-top: 99px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
  -webkit-mask-box-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.8)), color-stop(1, rgba(0, 0, 0, 0)));}
    
    .container-main {
      max-width: 100%;
      background-color: #fff;
    }
    .headings-main {
      position: fixed;
      top: 100px;
      z-index:100;
      width: 92%;
      height: 60px;
      overflow: hidden;
      background-color: #fff;
    }
    .headings-container {
      width:94%;
      position: absolute;
      padding: 0 46px;
      padding-left: 0px;
      margin: 1px;
    }
    .each-head {
      width:100%;
      float:left;
      -webkit-box-shadow: 6px 10px 21px -3px rgba(240,228,240,0.64);
      -moz-box-shadow: 6px 10px 21px -3px rgba(240,228,240,0.64);
      box-shadow: 6px 10px 21px -3px rgba(240,228,240,0.64);
      height: 55px !important;
    }
    .each-head h1{
      padding:5px 0;
      max-width: 95%;
      font-size: 24px;
      margin: 0;

    }
    .each-head a.back-link {
      height: 49px;
    }
    .container-inner {
      width:100%;
      padding: 49px 0 0 0;
    }
    #section-1 div.section-1-inner {
      padding-bottom: 50px;
      max-width: 99%;
      margin-left: 1px;
      margin-right:1px;
    }
    #section-2 {
      display:none;
      background-color: #fff;
      padding-bottom: 50px;
      padding-left: 0px;      
    }
   /* #section-2 .headings-row {
      background-color: #fff;
      padding: 0;
    }
    #section-2 .headings-row a {
      text-decoration: none;
    }
    #section-2 .headings-row a.sort-head {
      padding-right: 20px;
    }
    .section-2-header-fixed {
      position: fixed;
      top:98px;
    }*/
    #section-2 .section-2-inner {
      padding: 0;
      max-width: 100%;
      margin-left: 1px;
      margin-right:1px;
    }
    /*section 3 starts*/
    #section-3 {
      display:none;
      margin-left: 1px;
      margin-right:1px;
      background-color: #fff;
       max-width: 100%;
    }
   /* #section-3 .headings-row {
      background-color: #fff;
      padding: 0;
    }
    #section-3 .headings-row a {
      text-decoration: none;
    }
    #section-3 .headings-row a.sort-head {
      padding-right: 20px;
    }
    .section-3-header-fixed {
      position: fixed;
      top:98px;
    }*/
    #section-3 .section-3-inner {
      padding: 0;
      max-width: 90%;
      margin-left: 1px;
      margin-right:1px;
    }
    /*default section for scrolling*/
    #defaultLast {
      min-height: 1000px;
    }
    div.filters-row {
      background-color: #fff;
      padding: 5px 0;
    }
    button.btn-selected {
      background-color: #c2e0ff;
    }
/*scroll bar sticky features related styles ends*/

/*table {
  table-layout:fixed;
}*/

.customtable {
  table-layout:auto;
}
.div-table-content {
  height:400px;
  overflow-y:auto;
}
.default-input-width{
  max-width:190px;
}
/*table row without border line*/
.table_norowLine td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 0px;      
}

/*Below are Messaging CSS contents */
.textBox_Alter{
  height:30px;
  margin-bottom: -5px;
  border-color:#f6f6f6;
  padding-bottom: 0px;
  border-bottom: 0px;
  border-top: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
  width: 81.5%; 
}

.textarea-width-height{
  padding-top: 0px;
  margin-top: 0px; 
  /*margin-left: 10px;
  margin-right: 10px;*/
  width: 100%;
  /*height: 180px;*/
  max-width: 100%;
  /*max-height: 180px;*/
  /*border-left: 0px solid;
  border-right: 0px solid;*/
  border-color: #d5d5d5; 
  height: 410px;
}
.left-padd{
  padding-left: 700px;
}
.zero_left_padd{
  padding-left: 0px;
}
.rounded_button{
  margin-left: 15px;
  width: 110px;
  height: 40px;
  border-radius: 40px;
  border-radius: 40px;
  border-radius: 40px;
  border-color: #252A3A;
  background-color: #1b98f8; 
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px; 
  outline:0px
}
.menu_Padd {
  padding-top: 10px;
  padding-bottom: 10px;
}
.menu_Hover:hover
{
  color: white;
  background-color: #373C5A;
}
.BGforSelected{
  background-color:  #B2B2BE;
}
.left_margin {
  margin-left: 28px;
}
.round_white_button{
  width: 80px;
  height: 30px;
  border-radius: 30px;
  border-radius: 30px;
  border-radius: 30px;
  background-color: #F8F8F8; 
  margin-right: 10px; 
  border-left-width: 0px;
  border-right-width: 0px;
  border-top-width: 1px;
  border-bottom-width: 1px; 
  outline:0px
}
.popup_Position{
  margin-left: 8.37%; 
  margin-top: 9%;
  z-index:auto;
}
.popup_Header{
  background-color:#3F3636; 
  padding-top: 2%; 
  padding-bottom: 1%;
}
.small_widthHeight{
  width: 25%;
  height: 25%;
}
.small_rightPadd{
  padding-right: 10px;
}
.padd_right_35{
  padding-right: 35px;
}
.padd_left_20{
  padding-left: 20px;
}
.greyBG_redBorder{
  background-color: #F0F0F0;
  border-left: 3px solid red;
}
.medium_FontSize{
  font-size:130%;
}
.reduced_Padd{
  padding-top: 3px;
  padding-right: 6px;
  padding-bottom: 1px;
}
.msg_Body{
  color: #000000; 
  white-space: nowrap;
  width: 80%;
  overflow: hidden;
  text-overflow:ellipsis;
}
.miniScroll{
  width: 350px; 
  height: 20px; 
  overflow-y: auto; 
  overflow-x: hidden;
}
.nameBox{
  background-color: #f5f5f5; 
  border: 1px solid #d9d9d9; 
  border-radius: 3px; 
  position: relative; 
  bottom: 0px; 
  white-space: nowrap
}
.red_Hover:hover {
  color:red;
}
.white_Hover:hover {
  color:#fff;
}
.hand_Cursor {
  cursor: pointer;
}
.auto_Cursor {
  cursor: auto;
}
.moveCursor {
  cursor: move !important;
}
.shadowed{
  background-color: rgb(250, 250, 250);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-left: 2%;
}
/* End of Messaging CSS */

.notAllow_Cursor{
  cursor: not-allowed;
}
.disableColor{
  color:#99A3A8;
  cursor:not-allowed;
}
 
/*This is used fr treeview of Log Book starts here*/
.tree {
  min-height:20px;
  padding:19px;
  margin-bottom:20px;
  background-color:#fbfbfb;
  border:1px solid #999;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
  list-style-type:none;
  margin:0;
  padding:10px 5px 0 5px;
  position:relative
}
.tree li::before, .tree li::after {
  content:'';
  left:-20px;
  position:absolute;
  right:auto
}
.tree li::before {
  border-left:1px solid #999;
  bottom:50px;
  height:100%;
  top:0;
  width:1px
}
.tree li::after {
  border-top:1px solid #999;
  height:20px;
  top:25px;
  width:25px
}
.tree li span {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid #999;
  border-radius:5px;
  display:inline-block;
  padding:3px 8px;
  text-decoration:none
}
.tree li.parent_li>span {
  cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
  border:0
}
.tree li:last-child::before {
  height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
  background:#eee;
  border:1px solid #94a0b4;
  color:#000
}

/*This is used for TreeView Log Book Ends Here*/
.wrapWord {
  word-wrap:break-word;
}
.statusRed {
  color: red;
  text-decoration: underline;
}
.transMini {
  background: transparent;
  border-width:1px;
  box-shadow: 0;
}
.autoFlow {
  overflow: auto;
}
.largeModal {
  width: 80%;
  height: 80%;
  margin-left: -40%;
}
.mediumFontSize{
  font-size: 135%;
}
.inline{
  display:inline;
}
.rating{
  color: #a9a9a9;
  margin: 0;
  padding: 0;
}
ul.rating {
  display: inline-block;
}
.rating li {
  list-style-type: none;
  display: inline-block;
  padding: 1px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
}

/*NG-GRID CUSTOM CSS STARTS*/
.ngTopPanel{
  display:block;
  min-height:35px;
  background:#f8faff;
  color: #7c9eb2;
  text-decoration:none;
  font-weight:700;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
}
.ngHeaderContainer{
  min-height:33px !important;
}
.ngHeaderScroller{
  min-height:33px !important;
}
.ngHeaderCell{
    min-height:33px !important;
}
.ngTopPanel:hover{
  color:#438eb9;
  background: #f4f6f7;
  border - color: #dce2e8
}
.ngRow.even:hover,.ngRow.odd:hover{
  background-color: #eff4f7;

}
.ngRow.even {
  background-color: #FFFFFF;
  padding: 5px 5px 5px 5px;
  /*height: 22px !important;*/
}
 .ngRow.odd {
 background-color:#FDFDFD;
 padding: 5px 5px 5px 5px;
 /*height: 22px !important;*/
}

.ngVerticalBarVisible {
  width: 1px; 
  background-color: #d4d4d4; 
  min-height:35px !important;
}
.ngRow.selected {
  background-color: #c7d3a9; !important;
}
.ngRow hr{
  display: none;
  /*margin: 24px 0;
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #fff;*/
}
.ngSelectionCell {
  margin-top: 3px; 
  margin-left: 4px;
}
/*NG-GRID CUSTOM CSS ENDS*/

/*CLASS TO DISABLE ANCOR TAGS*/
 a.disabled {
  color: #AAAAAA;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}
/*CURSOR DISABLED CLASS*/
.cursor-disabled{
  cursor: not-allowed;
}
@media print{
  .outer-Border{
    margin-top:3%;
    border: 1px solid #000;
    height:auto; 
  }
  .sqr-Box{
    border-style: solid;
    border-width:1px;
  }
  .underline{
    display: inline-block;
    padding-left:1%;
    border-bottom: 1px solid black;
  }
  .set_Border td{
    border: 1px solid #000;
  }  
}
.listSlt>li{
  background-color: #E5F0CA;
  margin-top: -1px;
  position: relative;
  border-left: 3px solid orange;
}
.InstituteLogo div{
  width:100%;
  height:100%;
}
.help-inline {
    color: red; /*inline required error message*/
}
.datepicker{z-index:9999 !important}
.padBott{
    padding-bottom: 2%!important;
  }
.padCenter{
  padding-bottom: 19%!important;
}
.NopageBr{
  page-break-inside:avoid;
}
.pageBr{
  page-break-after: always;
}

/*Starting of CSS for Bootstrap 3.0*/
/*grid Border*/
.ngGrid {
  border: 1px solid rgb(212,212,212);
}
.padTop{
  padding-top: 5%!important;
}
.padCenter{
  padding-bottom: 18%!important;
}
.NopageBr{
  page-break-inside:avoid;
}
.pageBr{
  page-break-after: always;
}
.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
  top:0;
  left:100%;
  margin-top:-6px;
  margin-left:-1px;
  -webkit-border-radius:0 6px 6px 6px;
  -moz-border-radius:0 6px 6px 6px;
  border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
  display:block;
}
.dropdown-submenu>a:after {
  display:block;
  content:" ";
  float:right;
  width:0;
  height:0;
  border-color:transparent;
  border-style:solid;
  border-width:5px 0 5px 5px;
  border-left-color:#cccccc;
  margin-top:5px;
  margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
  border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
  float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
  left:-100%;
  margin-left:10px;
  -webkit-border-radius:6px 0 6px 6px;
  -moz-border-radius:6px 0 6px 6px;
  border-radius:6px 0 6px 6px;
}
.logopan{
  margin: 0px;padding-right: 0px;text-align: right;width: 20%;
}
.printTitlepan{
  width: 78%;margin-left: 2%;
}
.printTitlepan100{
  width: 100%;
}
/*OVERRIDE FOR printTitlepan CLASS*/
.reportTitlePan{
  width: 77%;margin-left: 2%;padding-left: 1%;float: left;
}
.pad_btm_15{
  padding-bottom: 15px
}
.margin_btm_15{
  margin-bottom: 15px;
}
.margin_top_15{
  margin-top: 15px;
}
.margin_btm_5{
  margin-bottom: 5px;
}
.no_pad{
  padding: 0px !important;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 0px;
}
.rotated div {position: absolute;}
.rotated {    
   -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    writing-mode: bt-rl;
    text-indent: -3em;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}
.rotatehead{
  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    writing-mode: bt-rl;
    text-indent: -3em;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}
/*Animation css*/

@-webkit-keyframes Expandit{
  0%  {
    height: 56px;
    width: 56px;
    padding: 15px;
    transform:rotate(0deg);
    box-shadow: 0 3px 5px rgba(0,0,0,0.23),0 3px 5px rgba(0,0,0,0.16);
  } 
  100% {
    height: 60px;
    width: 60px;
    padding: 17px;
    transform:rotate(720deg);
    box-shadow: 0 3px 5px rgba(0,0,0,0.23),0 3px 5px rgba(0,0,0,0.16);
  }
}

@-webkit-keyframes shirnkit{
  0%  {
    height: 60px;
    width: 60px;
    padding: 17px;
    transform:rotate(720deg);
    box-shadow: 0 3px 5px rgba(0,0,0,0.23),0 3px 5px rgba(0,0,0,0.16);
  } 
  100% { 
    height: 56px;
    width: 56px; 
    padding: 15px; 
    transform:rotate(0deg);
    box-shadow: 0 3px 5px rgba(0,0,0,0.23),0 3px 5px rgba(0,0,0,0.16);
  }
}

.vertical-text {
  display: inline-block;
  overflow: hidden;
  width: auto;
}
.vertical-text__inner {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.5;
  transform: translate(0,100%) rotate(-90deg);
  transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
  content: "";
  display: block;
  margin: -1.5em 0 100%;
}

/*Bouncing Animation for Transport billing*/

@-webkit-keyframes bounceInDown { 
     0% { 
         opacity: 0; 
          -webkit-transform: translateY(-2000px); 
      } 
      60% { 
          opacity: 1; 
          -webkit-transform: translateY(30px); 
      } 
      80% { 
          -webkit-transform: translateY(-10px); 
      } 
      100% { 
          -webkit-transform: translateY(0); 
      } 
  } 

  @keyframes bounceInDown { 
      0% { 
          opacity: 0; 
          transform: translateY(-2000px); 
      } 
      60% { 
          opacity: 1; 
          transform: translateY(30px); 
      } 
      80% { 
          transform: translateY(-10px); 
      } 
      100% { 
          transform: translateY(0); 
      } 
  } 

  .bounceInDown { 
      -webkit-animation-name: bounceInDown; 
      animation-name: bounceInDown; 
  }

  @-webkit-keyframes bounceInLeft { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateX(-2000px); 
    } 
    60% { 
        opacity: 1; 
        -webkit-transform: translateX(30px); 
    } 
    80% { 
        -webkit-transform: translateX(-10px); 
    } 
    100% { 
        -webkit-transform: translateX(0); 
    } 
  } 

  @keyframes bounceInLeft { 
      0% { 
          opacity: 0; 
          transform: translateX(-2000px); 
      } 
      60% { 
          opacity: 1; 
          transform: translateX(30px); 
      } 
      80% { 
          transform: translateX(-10px); 
      } 
      100% { 
          transform: translateX(0); 
      } 
  } 
  .bounceInLeft { 
      -webkit-animation-name: bounceInLeft; 
      animation-name: bounceInLeft; 
  }

  @-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
 
  .printResolve:last-child {
    page-break-after: auto;
  }
}

/****************************************************/

/*Staff Home Page CSS*/
.nilMargin {
  margin: 0px;
}

.miniImg {
  padding: 3px; 
  /*border: solid 1px #F1F1F1; */
  border-radius: 50% !important;
  display: block; 
  width: 65px; 
  height: 65px;
  vertical-align: middle;
      margin-left: 35%;
}

.microImg {
  padding: 3px; 
  /*border: solid 1px #F1F1F1; */
  border-radius: 50% !important;
  display: block; 
  width: 55px; 
  height: 55px;
  vertical-align: middle;
      margin-left: 35%;
}

/*.largeImg {
  padding: 3px; 
  border: solid 1px #F1F1F1; 
  border-radius: 50% !important;
  display: block; 
  width: 170px; 
  height: 180px;
  vertical-align: middle;
  position:fixed
  left: -355px;
}*/

.grow img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
 
.grow img:hover {
  width: 70px;
  height: 70px;
}

.animated { 
  -webkit-animation-duration: 1s; 
  animation-duration: 1s; 
  -webkit-animation-fill-mode: both; 
  animation-fill-mode: both; 
} 

@-webkit-keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        -webkit-transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        -webkit-transform: translateY(0); 
    } 
} 

@keyframes fadeInUp { 
    0% { 
        opacity: 0; 
        transform: translateY(20px); 
    } 
    100% { 
        opacity: 1; 
        transform: translateY(0); 
    } 
} 

.fadeInUp { 
    -webkit-animation-name: fadeInUp; 
    animation-name: fadeInUp; 
}

.greyHover:hover {
  background-color: #F5F5F5 !important;
}

.paperPan {
  margin-top: 3%;
  margin-left: 3.5%;
  background-color: #ffffff;
  padding: 19px;
  /*margin-bottom: 20px;*/
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  /*box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0), 0 6px 12px 0 rgba(0, 0, 0, 0.1);*/
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-radius: 2px;
  border: 0;
  min-height: 349.68px;
  max-height: 349.68px;
}
.pan1Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #7b7ed2d1 /*#7b7ed2*/;/*#70C2E6  #03a9f4  #8284C7*/
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.pan2Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #ad66bcd9 /*#ad66bc*/;/*#9B58A7 #70C2E6  #03a9f4  rgba(155, 88, 167, 0.84)*/
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.pan3Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #d4ae22d1 /*#d4ae22*/;/*#69B9B1 #70C2E6  #03a9f4   rgba(0, 150, 136, 0.82)*/
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  /*margin-bottom: 5px;*/
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.pan4Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #638ad2d1 /*#638ad2*/;/* E83975 56C3F5 #0fb2fc #F16F9B  rgba(152, 102, 83, 0.87) --- rgba(121, 85, 72, 0.87) #CE4A76 #70C2E6  #03a9f4   #E05C89*/
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  /*margin-bottom: 10px;*/
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.pan5Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #72ab3dc7 /*#72ab3d*/;/* E83975 56C3F5 #0fb2fc #F16F9B  rgba(152, 102, 83, 0.87) --- rgba(121, 85, 72, 0.87) #CE4A76 #70C2E6  #03a9f4   rgba(69, 90, 100, 0.71)*/
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  /*margin-bottom: 10px;*/
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.pan6Head {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #56a1c8c9;
  color: #ffffff;
  font-size: 16px;
  font-family: 'Helvetica', 'Roboto', 'Arial', sans-serif;
  font-weight: 300;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  overflow: hidden !important;
  position: relative;
}
.widgetIcon {
  top: 3px;
  color: rgba(20, 20, 20, 0.15);
  position: absolute;
  left: auto;
  right: 2px;
  /* bottom: 0; */
  display: block;
  -webkit-transform: rotate(25deg);
  -moz-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
  font-size: -webkit-xxx-large;
}
.shadow {
  -webkit-box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0), 0 6px 12px 0 rgba(0, 0, 0, 0.1);
}

.hideOverFlow {
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis;
}
/*The .hideOverFlow class takes the elements width*/

.bDayPaper {
  width: 50%; 
  height: 50%; 
  background-color: #FFFFFF; 
  border-bottom: solid 1px; 
  border-color: #F1F1F1; 
  padding-top: 15px;
}

.eventPaper {
  width: 50%; 
  height: 50%; 
  background-color: #FFFFFF; 
  border-bottom: solid 1px; 
  border-color: #F1F1F1; 
  padding-top: 4px;
}

.readBlue {
  color: #2086D6 !important;
}

.whiteBg {
  background-color: #FFFFFF !important;
}

.lightSelClr {
  background-color: #F4FAFF !important;
}

.mildSelClr {
  background-color: #E9F5FF !important;
}

.redBorderLeft {
  border-left: solid #989899;
}

.greenBorderLeft {
  border-left: solid #4CAF50;
}

.


              /*Start of Shake Animation*/
@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}
              /*End of Shake Animation*/

.meepToy1Style {
  line-height: 34px; 
  color: #ADADAD;
}

.meepToy1 {
  width: 79px;
  height: 79px;
  background-color: #F3F3F3;/*#E6EE9C;*/
  border-radius: 50%;
  padding-top: 4px;
  font-size: 24px;
  /*box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.1);*/
  margin-left: 40%;
}

.smile {
  width: 25px;
  height: 16px;
  border-bottom: 
  solid 2px;
  margin-left: 28px;
  border-radius: 53%;
}

.mildGreyBg {
  background-color: #F7F7F7 !important;
}

.largeIcon {
  font-size: 500% !important; 
  color: #EDEDEF !important;
}

.roundArea {
  height: 28px; 
  width: 28px;
  background-color: rgb(52, 152, 219);
  border-radius: 50%;
  line-height: 27px; 
  text-align: center;
  color: #FFF;
  font-size: 116.25%;
  margin-top: 10px; 
  margin-left: 5px;
}

.imgRoundArea {
  height: 30px; 
  width: 30px;
  background-color: rgb(52, 152, 219);
  border-radius: 50%;
  line-height: 27px; 
  text-align: center;
  color: #FFF;
  font-size: 116.25%;
  margin-top: 9px; 
  margin-left: 5px;
}


/*New Report Styles*/
.pad{
  padding:0.2% 0.4% 0.2% 0.6%!important;
}
.pad_tp_30{
  padding-top: 20px
}
.pad_tp_15{
  padding-top: 10px
}
.report-header{
  font-weight:bold;
  font-size:12px;
}
.report-title{
  font-size:16px;
  font-weight:bold;
}
.header-font{
  font-size:10px;
  font-weight: bold;
}
.content-font{
  font-size:10px;
}
.table-caption{
  font-size:12px;
  font-weight: bold;
}
.sumFSize {
  font-size: 12px;
}
.search-criteria{
  font-size:12px!important;
  margin:1% 0% 1% 1%!important;
}
.logo-width{
  width:15%;
}
.header-width-84{
  width:84%;
}
.header-width-100{
  width:100%;
}
.width-height-100{
  width:100%;
  height:100px;
}
.width-100{
  width:100%!important;
}
.width-50{
  width:50%!important;
}
.width-99{
  width:99%!important;
  max-width:99%!important;
}
.margin-left-1{
  margin-left: 1%;
}
.margin-bottom-1{
  margin-bottom: 1%!important;
}
.table-margin{
  margin:1% 0% 0% 1%!important;
}

/*End of Report Styles*/

.topBorderCurve {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.bottomBorderCurve {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.star-container{
  text-align: center;
  padding: 5px 0px;    
  background: #FAFAFA;
}
.heigth_50{
  height: 50px;
}



 .round-grd {    
    width: 30px;
    border-radius: 18%;
    background: red;
    position: relative;
    top: -15px;
    z-index: 1;
    color: white;
  }

  .tri-down {
    /* Styling block element, not required */
    position: relative;
    margin-bottom: 2em;
    padding: 0.2em;
    /*border-bottom: 1px solid #999;*/
    background:#ECEFF1 ;
    border-color:#ECEFF1;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;     
    /*border-radius: 10%; */  
    /*#f3f3f3*/
  }

  /* Required for Down Triangle */
  .tri-down:before, .tri-down:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent;
    border-bottom: 0;
  }

  /* Stroke */
  .tri-down:before {
   /* bottom: -16px;*/
    /*left: 21px;*/

    /* If 1px darken stroke slightly */
   /* border-top-color: #777;*/
    border-width: 10px;
  }

  /* Fill */
  .tri-down:after {
    /*bottom: -7px;*/
    /*left: 22px;*/
    left: 49%;
    border-top-color: inherit;/*f3f3f3*/
    border-width: 7px;
  }

/*CUSTOM STOKE BUTTONS*/
.btn_stroke{
  background-color: transparent !important;
  padding: 3px 5px 3px 5px;
  margin: 0.3em 0em !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: auto;
  height: 30px;
  font-size: 12px !important;
}
.btn_stroke:disabled {
 cursor: not-allowed!important;
}

.btn_stroke_blue:hover, .btn_stroke_blue:active, .btn_stroke_blue:focus, .btn_selected {
  background-color: #6666CC !important;
  border: 1px solid #6666CC !important;
  color: white !important;
  outline: none !important;
}

.btn_stroke_grey:hover, .btn_stroke_grey:active, .btn_stroke_grey:focus{
  background-color: #607D8B !important;
  border: 1px solid #607D8B !important;
  color: white !important;
  outline: none !important;
}

/*COLOR CLASSES*/
.color-blue-grey{
  color:#607D8B;
}




   .border_bottom_0{
      border-bottom: 0px!important;
  }
  .border_btm1{
    border-bottom: 1px solid #CFD8DC;
  }

  /*MATERIAL CHIPS*/
.md-chip {
  display: inline-block;
  /*border-radius: 42px;*/
  padding: 0;
  /*height: 42px;*/
  border: 1px solid #B0BEC5;
  float:left;
  max-width: 39%;
  /*max-width: 32%;*/
  /*box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);*/
 /* -webkit-transition: .2s ease-out;
  transition: .2s ease-out;*/
}

.md-chip:hover {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
  cursor: pointer;
 /* background-color: #2196F3;;
  color: white*/
}

/*.md-chip:hover .md-chip-text, .md-chip:hover i{
  color: white;
}*/

.md-chip-img {
  border-radius: 50%;
  width: 42px;
  height: 42px;
  overflow: hidden;
  float: right;
  /*box-shadow: 1px 0px rgba(0,0,0,.3);*/
}

.md-chip-img .md-chip-span {
  display: block;
  height: 42px;
   padding: 10px;
}

.md-chip-img img {
  -webkit-transform: translate(-50%);
  margin-left: 21px;
  height: 42px;
}

.md-chip-text {
  display: inline-block;
  font-weight: 400;
  font-size: 15px;
  height: 42px;
  float: left;
  padding: 9px 18px 12px 9px;
  color: #607D8B;
}

.md-chip-span i{   
    font-size: 24px;
    color: #00BCD4;
    border-radius: 50%;
}


/*MATERIAL CHIPS ENDS*/
.margin-top-10{
  margin-top: 10px;
}
.margin-5{
  margin: 5px;
}
.btn_big{
  min-width: 99%;
  min-height: 45px;
  font-size: 16px !important;
}
.md-chip > .desc{
 display: none;
}

/*
.md-chip > .desc{
 display: none!important;
}

.md-chip:hover > .desc{
 display: inline-block !important;
}*/

.box-border-grey{
  border-radius: 5px;
  border: 1px solid #CFD8DC;
  min-height: 400px;
  padding: 20px; 
  margin: 0.3em 0em !important;
  /*display: inline-block;*/
}

/*REPORT USER IMAGE*/
.infobox-img{
  border: 1px solid #ddd!important;
  display: inline-block;
  width:75px!important;
  margin: 0;
  padding: 1px 1px 0 2px;
  background-color: transparent;
  border-width: 0;
  text-align: right;
  position: relative;

  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,.2);
  box-shadow: 1px 1px 0 rgba(0,0,0,.2);
}

.no_padding{
  padding: 0px;
}

.margin_bt_15{
  margin-bottom: 15px; 
}
.margin_tp_15{
  margin-top: 15px; 
}

/*Custom search css*/
.custom_shadow{
  border-radius: 2px !important;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.26);
}
.custm_btn_outline_round{
  background-color: transparent !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 50% !important;
  width: 25px;
  height: 25px;
  font-size: 12px !important;     
}
.custm_btn_outline_round:hover{
  background-color: #F5F5F5 !important;
}
.custm_btn_outline:hover, .custm_btn_outline:active, .custm_btn_outline:focus{
  color: white !important;
  outline: none !important;
}
.custm_btn_grey:hover, .custm_btn_grey:active, .custm_btn_grey:focus{
  background-color: lightgrey !important;
  border: 1px solid lightgrey !important;
}
.custm_btn_yellow:hover, .custm_btn_yellow:active, .custm_btn_yellow:focus{
  background-color: #FBC02D !important;
  border: 1px solid #FBC02D !important;
}
.custm_btn_outline:disabled { 
  cursor: not-allowed!important;
}
.custm_btn_outline {
  background-color: transparent !important;
  padding: 3px !important;
  margin: 0.3em 0em !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: 75px;
  height: 30px;
  font-size: 12px !important;
}
.custm_btn_yellow:hover, .custm_btn_yellow:active, .custm_btn_yellow:focus{
  background-color: #FBC02D !important;
  border: 1px solid #FBC02D !important;
}
/*.input_star{
  -webkit-text-security: circle;
  -moz-text-security: circle !important;
  text-security: circle;
}*/
.custm_btn_grey:hover, .custm_btn_grey:active, .custm_btn_grey:focus{
  background-color: lightgrey !important;
  border: 1px solid lightgrey !important;
}

/*Text Cursor*/
.txtCurs {
  cursor: text !important;
}

/* New Custum Blue Button use class as "custm_btn_outline_blue" */
  .custm_btn_outline_blue{
  background-color: transparent !important;
  padding: 6px !important;;
  /*margin: 0.3em 0em !important;*/
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: auto;
  height:34px;
  font-size: 14px !important;
}

.custm_btn_outline_blue:hover, .custm_btn_outline_blue:active, .custm_btn_outline_blue:focus{
  background-color: #6666CC !important;
  border: 1px solid #6666CC !important;
  color: white !important;
  outline: none !important;
}

.custm_btn_outline_blue:disabled {
  cursor: not-allowed!important;
}

/*New custom button transparent blue and orange*/
.custm_btn_outline_blue {
  background-color: transparent !important;
  padding: 3px !important;
  margin: 0.3em 0em !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: 101px;
  height: 30px;
  font-size: 12px !important;
}
.custm_btn_outline_orange {
  background-color: transparent !important;
  padding: 3px !important;
  color:  #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width:94px;
  height: 30px;
  font-size: 13px !important;
}

/* New Custum Red Button use class as "custm_btn_outline_red"*/
.custm_btn_outline_red{
  background-color: transparent !important;
  padding: 6px !important;;
  /*margin: 0.3em 0em !important;*/
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: auto;
  height: 34px;
  font-size: 14px !important;
}

.custm_btn_outline_red:hover, .custm_btn_outline_red:active, .custm_btn_outline_red:focus{
  background-color: #f44336 !important;
  border: 1px solid #f44336 !important;
  color: white !important;
  outline: none !important;
}

.custm_btn_outline_red:disabled {
  cursor: not-allowed!important;
}

/* New Custum Green Button use class as "custm_btn_outline_green"*/

.custm_btn_outline_green{
  background-color: transparent !important;
  padding: 6px !important;;
  /*margin: 0.3em 0em !important;*/
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width : auto;
  height : 34px;
  font-size: 14px !important;
}

.custm_btn_outline_green:hover, .custm_btn_outline_green:active, .custm_btn_outline_green:focus{
  background-color: #4CAF50 !important;
  border: 1px solid #4CAF50 !important;
  color: white !important;
  outline: none !important;
}

.custm_btn_outline_green:disabled {
  cursor: not-allowed!important;
}

/* New Custum Grey Button use class as "custm_btn_outline_grey"*/ 
.custm_btn_outline_grey_round{
  background-color: transparent !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 50% !important;
  width: auto;
  height: 25px;
  font-size: 14px !important;        
}
.custm_btn_outline_grey:disabled {
  cursor: not-allowed!important;
}
.custm_btn_outline_grey_round:hover{
  background-color: #F5F5F5 !important;
}
.custm_btn_outline_grey{
  background-color: transparent !important;
  padding: 6px !important;;
  margin: 0.3em 0em !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: auto;
  height: 34px;
  font-size: 14px !important;
}
.custm_btn_outline_grey:hover, .custm_btn_outline_grey:active, .custm_btn_outline_grey:focus{
  background-color: grey !important;
  border: 1px solid grey !important;
  color: white !important;
  outline: none !important;
}

/* New Custum Orange Button use class as "custm_btn_outline_orange"*/ 
.custm_btn_outline_orange_round{
  background-color: transparent !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 50% !important;
  width: auto;
  height: 25px;
  font-size: 14px !important;        
}

.custm_btn_outline_orange_round:hover{
  background-color: #ff9800 !important;
}
.custm_btn_outline_orange:disabled {
  cursor: not-allowed!important;
}
.custm_btn_outline_orange{
  background-color: transparent !important;
  padding: 6px !important;
  margin: 0.3em 0em !important;
  color: #78909C!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 2px !important;
  width: auto;
  height: 34px;
  font-size: 14px !important;
}
.custm_btn_outline_orange:hover, .custm_btn_outline_orange:active, .custm_btn_outline_orange:focus{
  background-color: #ff9800 !important;
  border: 1px solid #ff9800 !important;
  color: white !important;
  outline: none !important;
}

.cm_table{
      background-color: #FFF !important;
}
.cm_table>thead>tr>th{
    background-color: #ECEFF1 !important;
    color: #607D8B;
    font-size: 14px;
    border-bottom: 1px solid #CFD8DC;
}

/*Customizable On-Off Switch CSS*/
  .onoffswitch {
      position: relative; width: 95px;
      -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
  }
  .onoffswitch-checkbox {
      display: none;
  }
  .onoffswitch-label {
      display: block; overflow: hidden; cursor: pointer;
      border: 0px solid #999999; border-radius: 0px;
  }
  .onoffswitch-inner {
      display: block; width: 200%; margin-left: -100%;
      transition: margin 0.3s ease-in 0s;
  }
  .onoffswitch-inner:before, .onoffswitch-inner:after {
      display: block; float: left; width: 50%; height: 32px; padding: 0; line-height: 30px;
      font-size: 13px; color: white; font-family: Trebuchet, Arial, sans-serif;
      box-sizing: border-box;
      border: 1px solid transparent;
      background-clip: padding-box;
  }
  .onoffswitch-switch {
      display: block; width: 13px; margin: 0px;
      background: transparent;
      position: absolute; top: 0; bottom: 0;
      right: 82px;
      transition: all 0.3s ease-in 0s; 
  }
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
      margin-left: 0;
  }
  .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
      right: 0px; 
  }

/*Customizable On-off switch CSS ends*/

/*Search Box Widget Styles*/

  .arrow-down {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;    
    position: absolute;
    left: 40%;
  }

  .rotate_180 {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .rotate_0 {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .icon-rotate {
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block;
  }

  .custom_col_md_1{
    width: 2.5%;
    float: left;
  }

  .title{
    background-color: #ffffff;
    border-color: #e7eaec;
    border-image: none;
    color: inherit;
    margin-bottom: 0;
    min-height: 45px;
  }
  .tools {
    display: block;
    float: none;
    margin-top: 0;
    position: relative;
    padding: 0;
    text-align: right;
  }

  .topRepHedDivRelat{
    
    position:relative;
    height:130px;
    top:0;
    z-index: 1 !important;
  }
  .topRepHedDivStat{
      position:static;
      height: 0px ;
      top:0;
  }
  .innRepHedDivFix{
      position:fixed;
      left:50px ;
      top:0 ;
      z-index: 1 !important;
  }
  .innRepHedDivStat{
      position:static;
      left:0px;
      top:0;
  }
  .mandry_visbl {
    color: rgba(255, 0, 0, 0.7)!important;
    font-size: 16px !important;
  }

/*Search Box Widget Style Ends*/

.cstm_fa_left{
    left: 8px;
    position: absolute;
    bottom: 7px;
}

.dshbrd_btn{
    padding: 3px 12px !important;
    overflow : hidden;
    text-overflow : ellipsis;
    min-width: 125px;
    /*max-width: 160px;*/
}

.dshbrd_btn, .dshbrd_btn:hover,.cstm_dt_pckr, .dshbrd_btn:focus, .dshbrd_btn:focus:hover,.dshbrd_btn:active, .dshbrd_btn.active, 
.open>.dshbrd_btn.dropdown-toggle, .open>.dshbrd_btn.dropdown-toggle{
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;
    color: #FFFFFF !important;
    width: auto !important;
    border-radius: 30px !important;
    padding-left: 30px !important;
}

.box-header-style{
    padding-left: 10px;
    margin-left: 7px;
    color: #448aff;
    font-size: 15px;
}

.barChartAreaWrapper {
    position: relative;
    height: 300px;
}

.no-datadisp {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    height: 225px;
}
/*Screens css*/
.btn-right{
    padding-right: 6%;
    /*padding-top: 19px;*/
}
.btn-size{
  padding: 3px 10px !important;
  font-size: 14px !important;
  font-family: inherit !important;
}
.txt-align{
  text-align: right;
  width: 60%;
}
.btn>.ace-icon{
  /*margin-right: 3px !important;*/
  padding-right: 3.4px !important;
}
.ace-icon{
  /*margin-right: 3px !important;*/
 padding-right: 3.4px !important;
}
.custm_btn_outline > .ace-icon{
  /*margin-right: 3px !important;*/
 padding-right: 3.4px !important;
}
.form-actions {
    display: block; 
    background-color:transparent !important; 
    border-top: 1px dotted #E5E5E5 !important;
    padding: 19px 20px 20px !important;
}

/*custom time line class*/
.mainwidgetstyle{
  padding: 1%;
  background: #ECEFF1;
} 
#timeline-panel{
  margin-left: 52px;
  background: white;
}
.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  margin-left: 8.5px;
  background-color: white;
  left: -0.2%;
}
.timeline > li {
  margin-bottom: 20px;
  position: relative;
}
.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid #d4d4d4;
  border-radius: 2px;
  padding: 0px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #FFF;
  border-right: 0 solid #FFF;
  border-bottom: 15px solid transparent;
  content: " ";
}
.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: 11px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}
.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: -8px;
  left: -1%;
  margin-left: -4px;
  background-color: #999999;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right-width: 10px;
  left: -10px;
  top: 8px;
  right: auto;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
  border-color: #65B1A2;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right-width: 10px;
  border-left-width: 0;
  border-right-width: 10px;
  left: -9px;
  top: 8px;
  right: auto;
}
.timeline > li > .timeline-badge{
  background-color: #FFF;
  border: 1px solid #65B1A2;
  color: #65B1A2;
}
/*custom timeline css end*/

/*custom material design css*/
input.form-input.file {
  width: auto !important;
  border: 0px solid transparent !important;
  display: inline-block !important;
}
.abslt > .form-label {
  position: absolute !important;
  transition: 0.2s ease-out !important;
  left: 0rem !important;
  top: 0 !important;
  font-weight: normal !important;
  font-size: 1.35rem !important;
  color: #9E9E9E !important;
  letter-spacing: 0.025rem !important;
}
.abslt > .form-label.combo_box,
.abslt > .form-label.form-file,
.abslt > label, .form-label {
  position: relative !important;
  transition: 0.2s ease-out !important;
  left: 0rem !important;
  top: 0 !important;
  font-weight: normal !important;
  font-size: 1.35rem !important;
  color: #9E9E9E !important;
  letter-spacing: 0.025rem !important;
  width: 100% !important;
}
.abslt > .form-combobox {
  border: 1px solid #CECECE;
  border-radius: 3px;
  width: 100%;
  padding: 5px;
  cursor: pointer;
  outline: none !important;
}
.abslt > .form-combobox:focus {
  box-shadow: 0 0 3px #DADADA, inset 0px 0px 2px #65B1A2;
  border: 1px solid #65B1A2 !important;
}
.abslt label {
  -webkit-transition: ease-out 0.25s !important;
  -moz-transition: ease-out 0.25s !important;
  transition: ease-out 0.25s !important;
}
.abslt input,
input.form-input {
  border: 0px solid transparent;
  border-bottom: 1px solid #CECECE !important;
  outline: none !important;
  background-color: transparent !important;
  width: 100% !important;
  padding: 7px 0 !important;
}
.ht {
  height: 6.8rem !important;
  margin-bottom: 10px !important;
}
.abslt {
  position: absolute !important;
  bottom: 0 !important;
}
.abslt > .form-combobox[disabled=disabled] {
  background-color: beige;
  cursor: no-drop;
}
.abslt > .date-picker[disabled=disabled] {
  background-color: beige !important;
  cursor: no-drop;
}
.form-input:not([type]):focus:not([readonly])+label,
.form-input[type=text]:focus:not([readonly])+label,
.form-input[type=password]:focus:not([readonly])+label,
.form-input[type=email]:focus:not([readonly])+label,
.form-input[type=datetime]:focus:not([readonly])+label,
.form-input[type=search]:focus:not([readonly])+label,
.abslt > .date-picker[type=text]:focus:not([readonly])+label,
.abslt > .form-textarea:focus ~ label {
  color:  #65B1A2 !important;
  font-size: 0.85rem !important;
}
.form-input[type=text]:focus,
.form-input[type=password]:focus,
.form-input[type=email]:focus,
.form-input[type=url]:focus,
.form-input[type=date]:focus,
.form-input[type=datetime]:focus,
.form-input[type=time]:focus,
.form-input[type=text]:valid,
.form-input[type=password]:valid,
.form-input[type=email]:valid,
.form-input[type=url]:valid,
.form-input[type=date]:valid,
.form-input[type=time]:valid,
.abslt > .form-textarea:valid,  
.form-input[type=search]:focus,
.form-input[type=search]:valid,
.abslt > .date-picker[type=text]:valid {
  border-bottom: 1px solid  #65B1A2 !important;
  box-shadow: 0 1px 0  #65B1A2 !important;
}
.form-input[type=text]:focus ~ label,
.form-input[type=password]:focus ~ label,
.form-input[type=email]:focus ~ label,
.form-input[type=url]:focus ~ label,
.form-input[type=date]:focus ~ label,
.form-input[type=datetime]:focus ~ label,
.form-input[type=search]:focus ~ label,
.form-input[type=time]:focus ~ label,
.abslt > .form-textarea:focus ~ label,
.abslt > .date-picker[type=text]:focus ~ label {
  -webkit-transform: translateY(-20px) !important;
  -moz-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  -webkit-transition: ease-in-out 0.25s !important;
  -moz-transition: ease-in-out 0.25s !important;
  transition: ease-in-out 0.25s !important;
}
.abslt > label {
  -webkit-transform: translateY(-6px) !important;
  -moz-transform: translateY(-6px) !important;
  transform: translateY(-6px) !important;
}
.abslt > .form-textarea.ng-pristine ~ label {
  -webkit-transform: translateY(2px) !important;
  -moz-transform: translateY(2px) !important;
  transform: translateY(2px) !important;
}
.abslt > .form-textarea:focus {
  border-bottom: 1px solid #65B1A2 !important;
}
.form-input.ng-pristine ~ label,.form-textarea.ng-pristine ~ label, .abslt > .date-picker.ng-pristine ~ label {
  -webkit-transform: translateY(0) !important;
  -moz-transform: translateY(0) !important;
  transform: translateY(0) !important;
}
.form-input.ng-valid ~ label, 
.abslt >.date-picker.ng-valid ~ label,
.form-input[type=search]:valid ~ label {
  -webkit-transform: translateY(-20px) !important;
  -moz-transform: translateY(-20px) !important;
  transform: translateY(-20px) !important;
  color: #65B1A2 !important;
  font-size: 1.15rem !important;
}
.abslt > .form-textarea.ng-valid ~ label,
.abslt > .form-textarea:focus ~ label {
  -webkit-transform: translateY(-30px) !important;
  -moz-transform: translateY(-30px) !important;
  transform: translateY(-30px) !important;
  color: #009688 !important;
  font-size: 1.15rem !important;
}
.form-input.ng-dirty,
.form-textarea.ng-dirty,
.form-textarea.ng-pristine,
.form-input.ng-pristine,
.abslt > .date-picker.ng-pristine {
  border-bottom: 1px solid #CECECE !important;
  box-shadow: 0px 0px 0px;
}
/*custom material design end*/

/*Custom css for Student Banner*/
.custm_style {
  text-align: right;
  margin-top: 2%;
}
.margn_top {
  margin-top: 1.4%;
}
.custm_labl {
  font-size: 14px;
  margin-top: 8%;
}
.custm_data {
  font-size: 20px;
  margin-top: 8%;
  font-weight: bold;
}
.imgstyle {
  width: 75px;
  height: 75px;
  border-radius: 50%;
  color: lightgrey;
  margin-left: 7.5px;
  margin-top: 3%;
  margin-bottom: 5%;
}
/*End of Student Banner*/
/*ng-grid space b/w pagesize*/
div.ngRowCountPicker > span{
  margin-right: 6.5px !important;
}

/*--- Styles For Save/Cancel/Reset buttons content Update On 05-10-2017 ---*/
.saveCnt {
  position: fixed;
  bottom: 0;
  right: 0;
  background-color: #EFEFEF;
  padding: 10px 45px 10px 0;
  margin: 0;
  z-index: 999;
  height: auto;
  text-align: right;
  text-align: -webkit-right;
  text-align: -moz-right;
  border-top: 1px solid #CFD8DC;
}
.btn-scroll-up {  /*style for avoid z-index between ( bottom to top scroll button And savecontent )*/
  z-index: 1000;
}

/*-- Bolder and Semi Bold fonts updated -- */ /*- Open Sans -*/

@font-face{
  font-family: sans_bld;
  src: url(../fonts/OpenSans-Bold.ttf);
}
@font-face{
  font-family: sans_rg;
  src: url(../fonts/OpenSans-Regular.ttf);
}
@font-face{
  font-family: sans_sm_bld;
  src: url(../fonts/OpenSans-Semibold.ttf);
}
/*Styles for buttons*/
[class^="cstm_btn_"], [class*="cstm_btn_"] {
  padding: 6px 25px;
  border-radius: 4px !important;
  outline: none !important;
  outline-offset: 0 !important;
  font-size: 12px;
  box-shadow: 0 0 0 transparent !important;
  margin-right: 10px;
}

[class^="cstm_btn_sm"], [class*="cstm_btn_sm"] {
  padding: 5px 15px;
}

.cstm_btn_blue, .cstm_btn_blue:hover, .cstm_btn_blue:focus,
.cstm_btn_blue.active:focus, .cstm_btn_blue.focus,
.cstm_btn_blue:active.focus, .cstm_btn_blue:active:focus,
.cstm_btn_blue.active.focus, .cstm_btn_blue[disabled] {
  background-color: #438EB9 !important;
  border: 1px solid  #438EB9 !important;
}

.cstm_btn_blue_outline, .cstm_btn_blue_outline:hover, .cstm_btn_blue_outline:focus,
.cstm_btn_blue_outline.active:focus, .cstm_btn_blue_outline.focus,
.cstm_btn_blue_outline:active.focus, .cstm_btn_blue_outline:active:focus,
.cstm_btn_blue_outline.active.focus, .cstm_btn_blue_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #438EB9 !important;
  color: #438EB9 !important;
}

.cstm_btn_ltblue, .cstm_btn_ltblue:hover, .cstm_btn_ltblue:focus,
.cstm_btn_ltblue.active:focus, .cstm_btn_ltblue.focus,
.cstm_btn_ltblue:active.focus, .cstm_btn_ltblue:active:focus,
.cstm_btn_ltblue.active.focus, .cstm_btn_ltblue[disabled] {
  background-color: #02AADB !important;
  border: 1px solid  #02AADB !important;
}

.cstm_btn_red, .cstm_btn_red:hover, .cstm_btn_red:focus,
.cstm_btn_red.active:focus, .cstm_btn_red.focus,
.cstm_btn_red:active.focus, .cstm_btn_red:active:focus,
.cstm_btn_red.active.focus, .cstm_btn_red[disabled] {
  background-color: #D15B47 !important;
  border: 1px solid  #D15B47 !important;
}

.cstm_btn_red_outline, .cstm_btn_red_outline:hover, .cstm_btn_red_outline:focus,
.cstm_btn_red_outline.active:focus, .cstm_btn_red_outline.focus,
.cstm_btn_red_outline:active.focus, .cstm_btn_red_outline:active:focus,
.cstm_btn_red_outline.active.focus, .cstm_btn_red_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #D15B47 !important;
  color: #D15B47 !important;
}

.cstm_btn_org_outline, .cstm_btn_org_outline:hover, .cstm_btn_org_outline:focus,
.cstm_btn_org_outline.active:focus, .cstm_btn_org_outline.focus,
.cstm_btn_org_outline:active.focus, .cstm_btn_org_outline:active:focus,
.cstm_btn_org_outline.active.focus, .cstm_btn_org_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #f38d7b !important;
  color: #f38d7b !important;
}

.cstm_btn_green, .cstm_btn_green:hover, .cstm_btn_green:focus,
.cstm_btn_green.active:focus, .cstm_btn_green.focus,
.cstm_btn_green:active.focus, .cstm_btn_green:active:focus,
.cstm_btn_green.active.focus, .cstm_btn_green[disabled] {
  background-color: #39B54A !important;
  border: 1px solid  #39B54A !important;
}
.cstm_btn_green_outline, .cstm_btn_green_outline:hover, .cstm_btn_green_outline:focus,
.cstm_btn_green_outline.active:focus, .cstm_btn_green_outline.focus,
.cstm_btn_green_outline:active.focus, .cstm_btn_green_outline:active:focus,
.cstm_btn_green_outline.active.focus, .cstm_btn_green_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #39B54A !important;
  color: #39B54A !important;
}

.cstm_btn_gry_outline, .cstm_btn_gry_outline:hover, .cstm_btn_gry_outline:focus,
.cstm_btn_gry_outline.active:focus, .cstm_btn_gry_outline.focus,
.cstm_btn_gry_outline:active.focus, .cstm_btn_gry_outline:active:focus,
.cstm_btn_gry_outline.active.focus, .cstm_btn_gry_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #78909C !important;
  color: #607D8B !important;
}

.cstm_btn_lgt_blue_outline, .cstm_btn_lgt_blue_outline:hover, .cstm_btn_lgt_blue_outline:focus,
.cstm_btn_lgt_blue_outline.active:focus, .cstm_btn_lgt_blue_outline.focus,
.cstm_btn_lgt_blue_outline:active.focus, .cstm_btn_lgt_blue_outline:active:focus,
.cstm_btn_lgt_blue_outline.active.focus, .cstm_btn_lgt_blue_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #0275D8 !important;
  color: #0275D8 !important;
}

.cstm_btn_orange, .cstm_btn_orange:hover, .cstm_btn_orange:focus,
.cstm_btn_orange.active:focus, .cstm_btn_orange.focus,
.cstm_btn_orange:active.focus, .cstm_btn_orange:active:focus,
.cstm_btn_orange.active.focus, .cstm_btn_orange_outline[disabled] {
  background-color: #FF9800 !important;
  border: 1px solid #FFA726;
  outline: none;
  outline-style: none;
  outline-color: none;
}

/*  flex container gives equal size to div*/

.flex-container {
  display: flex;
  flex-wrap: nowrap;
  flex-direction:row;
}

/* Visitor Management button classes */
.cstm_btn_tk_grey, .cstm_btn_tk_grey:hover, .cstm_btn_tk_grey:focus,
.cstm_btn_tk_grey.active:focus, .cstm_btn_tk_grey.focus,
.cstm_btn_tk_grey:active.focus, .cstm_btn_tk_grey:active:focus,
.cstm_btn_tk_grey.active.focus, .cstm_btn_tk_grey[disabled] {
  background-color: #78909c !important;
  border: 1px solid  #78909c !important;
}

.cstm_btn_tk_blue, .cstm_btn_tk_blue:hover, .cstm_btn_tk_blue:focus,
.cstm_btn_tk_blue.active:focus, .cstm_btn_tk_blue.focus,
.cstm_btn_tk_blue:active.focus, .cstm_btn_tk_blue:active:focus,
.cstm_btn_tk_blue.active.focus, .cstm_btn_tk_blue[disabled] {
  background-color: #4d83ff !important;
  border: 1px solid  #4d83ff !important;
}

.cstm_btn_tk_green, .cstm_btn_tk_green:hover, .cstm_btn_tk_green:focus,
.cstm_btn_tk_green.active:focus, .cstm_btn_tk_green.focus,
.cstm_btn_tk_green:active.focus, .cstm_btn_tk_green:active:focus,
.cstm_btn_tk_green.active.focus, .cstm_btn_tk_green[disabled] {
  background-color: #3ab54a !important;
  border: 1px solid  #3ab54a !important;
}

.cstm_btn_tk_red, .cstm_btn_tk_red:hover, .cstm_btn_tk_red:focus,
.cstm_btn_tk_red.active:focus, .cstm_btn_tk_red.focus,
.cstm_btn_tk_red:active.focus, .cstm_btn_tk_red:active:focus,
.cstm_btn_tk_red.active.focus, .cstm_btn_tk_red[disabled] {
  background-color: #ed1b24 !important;
  border: 1px solid  #ed1b24 !important;
}

.cstm_btn_red_outline, .cstm_btn_red_outline:hover, .cstm_btn_red_outline:focus,
.cstm_btn_red_outline.active:focus, .cstm_btn_red_outline.focus,
.cstm_btn_red_outline:active.focus, .cstm_btn_red_outline:active:focus,
.cstm_btn_red_outline.active.focus, .cstm_btn_red_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #ed1b24 !important;
  color: #ed1b24 !important;
}

.cstm_btn_blue_outline, .cstm_btn_blue_outline:hover, .cstm_btn_blue_outline:focus,
.cstm_btn_blue_outline.active:focus, .cstm_btn_blue_outline.focus,
.cstm_btn_blue_outline:active.focus, .cstm_btn_blue_outline:active:focus,
.cstm_btn_blue_outline.active.focus, .cstm_btn_blue_outline[disabled] {
  background-color: transparent !important;
  border: 1px solid  #4d83ff !important;
  color: #4d83ff !important;
}

/*centers the element inside container*/
.align-center{
  margin-left: auto;
  margin-right: auto;
  display: block;
}

/*--- Obe Model Input Styles ---*/
.cstm_slct {
  border: 1px solid silver !important;
  border-radius: 4px !important;
  height: 30px;
  padding: 3px 5px !important;
  position: relative;
  width: 100%;
  display: inline-block;
}
.input-icon-left .cstm_slct {
  padding-left: 25px !important;
}
.input-icon-right .cstm_slct {
  padding-right: 25px !important;
}
.cstm_txtArea, .cstm_txtArea:focus, .cstm_txtArea:focus:hover,
.cstm_txtArea:hover {
  width: 100%;
  min-height: 120px;
  border: 1px solid #CFD8DC;
  resize: none;
}
.cstm_lable {
  padding-top: 4px;
}
/*-- Alert Style --*/
.cstm_alert {
  border-radius: 4px;
  margin: 20px auto;
  float: none;
  font-weight: 500;
  padding: 8px 8px;
  background-color: #f44336;
  color: #FFFFFF;
}
/* Text Alignments */
.align_right {
  text-align: -webkit-right;
  text-align: -moz-right;
  text-align: right;
}
.align_left {
  text-align: -webkit-left;
  text-align: -moz-left;
  text-align: left;
}
.align_center {
  text-align: -webkit-center;
  text-align: -moz-center;
  text-align: center;
}
/* gapping utils */
.noPad_left {
  padding-left: 0;
}
.no_margin {
  margin: 0 !important;
}
.noPad_left_right {
  padding-left: 0;
  padding-right: 0;
}
.noPad_right {
  padding-right: 0;
}
.noPad_top {
  padding-top: 0;
}
.noPad_btm {
  padding-bottom: 0;
}
.pad_tp_btm_5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.pad_tp_5 {
  padding-top: 5px;
}
.pad_btm_5 {
  padding-bottom: 5px;
}
.margin_btm_5 {
  margin-bottom: 5px;
}
.pad_tp_btm_10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.pad_tp_10 {
  padding-top: 10px;
}
.pad_btm_10 {
  padding-bottom: 10px;
}
.margin_btm_10 {
  margin-bottom: 10px;
}
.margin_tp_btm_10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.pad_tp_btm_20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.pad_tp_20 {
  padding-top: 20px;
}
.pad_btm_20 {
  padding-bottom: 20px;
}
.margin_tp_btm_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.margin_tp_20 {
  margin-top: 20px;
}
.margin_btm_20 {
  margin-bottom: 20px;
}
.margin_15{
  margin: 15px;
}
.cstm_span {
  display: inline-block;
  margin-right: 1px;
}
.margin_tp_10 {
  margin-top: 10px;
}
.margin_tp_5 {
  margin-top: 5px;
}
.margin_tp_15{
    margin-top: 15px;
}
.margin_tp_btm_15 {
    margin-top: 15px;
}
.margin_left_20{
  margin-left: 20px;
}
.margin_tp_18 {
  margin-top: 18px;
}
.margin_left_15{
  margin-left: 15px;
}
.margin_left_4{
  margin-left: 4px !important;
}
.margin_right_4{
  margin-right: 4px !important;
}
.margin_left_5{
  margin-left: 5px !important;
}
.margin_right_5{
  margin-right: 5px !important;
}
.margin_right_15{
  margin-right: 15px;
}
.rowMargin{
  margin-bottom: 1.4% !important;
}
.margin_right_13{
  margin-right: 13px !important;
}


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

/*--- For Large scale devices from 1200px ---*/
@media only screen and (min-width: 1200px) {
  .lg_pad_tp_10 {
    padding-top: 10px;
  }
  .lg_no_pad_tp {
    padding-top: 0;
  }
  .lg_no_pad_left {
    padding-left: 0;
  }
  .lg_no_pad_right {
    padding-right: 0;
  }
  .lg_no_pad_btm {
    padding-bottom: 0;
  }
  .lg_noPad_tp_btm {
    padding-top: 0;
    padding-bottom: 0;
  }
  .lg_noPad_lft_rgt {
    padding-left: 0;
    padding-right: 0;
  }
  .lg_pull_right {
    float: right;
  }
  .lg_pull_left {
    float: left;
  }
  .lg_pull_inherit {
    float: inherit;
  }
  .lg_align_right {
    text-align: -webkit-right;
    text-align: -moz-right;
    text-align: right;
  }
  .lg_align_center {
    text-align: -webkit-center;
    text-align: -moz-center;
    text-align: center;
  }
  .lg_align_left {
    text-align: -webkit-left;
    text-align: -moz-left;
    text-align: left;
  }
  .lg_margin_tp_10 {
    margin-top: 10px;
  }
  .lg_margin_tp_5 {
    margin-top: 5px;
  }
}

/*main page siderbar and nav bar changes*/
.navbar-orange-bg{
   background :#0D9BE1
}
.bg-white{
background :#fff
}
.bg-transparent{
background: transparent !important;
}
.color-orange{
 color : #f66634 !important;
}
.color-white{
 color : #fff !important;
}
.bg-default-grey{
background: #f5f5f5;
}
.color-dark-grey{
color: #353535 !important;
}
.no-skin .nav-list>li {
  border-color: #f2f2f2 !important;
}
.no-skin .nav-list>li>a {
  background-color: #fff !important;
  color: #1a1a1a !important;
}
.no-skin .nav-list>li>a:focus {
  background-color: #fff;
  color: #1a1a1a;
}
.no-skin .nav-list>li>a>i{
color: #0D9BE1 !important;
}
.ace-nav>li>a>.ace-icon {
  display: inline-block;
  font-size: 20px;
  color: #FFF;
  text-align: center;
  width: 20px;
}
.ace-nav>li>a>.badge {
  position: relative;
  top: -11px;
  left: -5px;
  padding-right: 5px;
  padding-left: 5px;
}
.navbar {
  border-width: 0px !important;
}
.nav-list>li:before {
  background-color: #0D9BE1 !important;
}
.no-skin .nav-list>li .submenu>li>a:hover {
  color: #0D9BE1 !important;
  background-color: #f5f5f5 !important;
}
.no-skin .nav-list>li .submenu>li.active>a {
  color: #0D9BE1 !important;
}
.no-skin .nav-list li.active>a:after {
  border-right-color: #0D9BE1 !important;
  -moz-border-right-colors: #0D9BE1 !important;
}
.no-skin .nav-list>li.active:after {
border: 1px solid #0D9BE1 !important;
}

.no-skin .nav-list>li.open>a {
  background-color: #fafafa;
  color: #1a1a1a !important;
}
.nav-list>li>a {
  font-size: 14px !important;
   height: auto !important;
}
.ace-nav>li {
  border-left: 1px solid #f5f5f5 !important;
}

.camu-logo-container{
 border-right: solid 1px #e1e1e1;
 border-bottom: solid 1px #e1e1e1;
 padding-left:58px;
 padding-right: 47px;
}
@media (min-width: 320px) and (max-width: 600px){
.camu-logo-container{
   border-right: solid 1px #e1e1e1;
   border-bottom: solid 1px #e1e1e1;
   padding-left:5px;
   padding-right:5px;
}

}
.menu-text{
margin-right: 3px;
}

.institute-name, .institute-name:hover, .institute-name:focus{
  color: #fff  !important;
  text-decoration: none !important;
  font-size: 1.4em !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  display: inline-block;
}
.institute-name-wrapper{
  display: inline-flex;
}
.institute-hamburger-icon{
  color: #fff  !important;
  text-decoration: none !important;
  font-size: 1.4em !important;
  cursor: pointer;
}

.scroll-bar {
  background: #c2c2c2 !important;
}

.profile-pic{
margin-top: 3px !important;
height: 38px;
overflow: hidden;
border-radius: 50%;
}

/*main page siderbar and nav bar changes ends*/

/*loading bar css*/
.index-loading-container{
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.lds-roller {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #0D9BE1;
  margin: -3px 0 0 -3px;
}

.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*loading bar ends*/

/*loading bar model*/
.loading-modal {
  text-align: center;
}

@media screen and (min-width: 768px) { 
  .loading-modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

.loading-modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.loading-modal-content{
  background-color: transparent;
  text-align: center;
  border: none;
}
.loading-msgmodal-content{
  background-color: white;
  text-align: center;
  border: none;
}
#loadingModal{
  top:55px;
}

#loadingModal > .modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #e9e8e8; !important;
}
/*loading bar model ends*/

/* TO MAKE ALL MODAL BODY SCROLLABLE */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
  max-height: calc(100vh - 150px);
  overflow-y: auto;
}
/* TO MAKE ALL MODAL BODY SCROLLABLE */

.ngGrid{
  height: 690px !important;
}
.dd-handle, .dd2-content {
  margin: -2px 0 !important;
}
/*version 2 report header style*/

  .printTitlepan_1{
      text-align: center;
      margin-top: 2%;
      padding-left: 0;
      margin-left: -5%;
  }
  .printTitlepan100_1{
     width: 100%;
     text-align: center;
     margin-top: 2%;
     padding-left: 0;

  }
  .instNm_st{
      text-transform: uppercase;
      font-size: 15px;
      font-weight: bold
  }
  .add_sty{
      font-size: 11px;
      margin-top: .5%;
      margin-bottom: .5%;
      font-weight: bold
  }
  .repnm_sty{
     text-transform: uppercase;
     font-size: 18px;
     margin-top: .5%;
     margin-bottom: .5%;
     font-weight: bold
  }
  .srch_sty{
      font-size: 11px;
      margin-top: .5%;
      margin-bottom: .5%;
      font-weight: bold
  }
  .blue {
      color: #478fca!important;
  }
  .margin_top_6 {
    margin-top: 6px;
  }
  .div_height_65 {
    height: 65px;
  }
  .lign_height_30 {
    line-height: 30px;
  }
  .font_weigt_600 {
    font-weight: 600;
  }
  .pad_left_10 {
    padding-left: 10px !important;
  }
  .pad_left_15 {
    padding-left: 15px !important;
  }
  .pad_left_5 {
    padding-left: 5px !important;
  }
  .mar_lef_rig_5 {
    margin: 0px 5px 0px 5px !important;
  }
  .text_align_left {
    text-align: left;
  }
  .text_align_right {
    text-align: right;
  }
  .text_align_center {
    text-align: center;
  }
  .pad_right_24 {
    padding-right: 24px !important;
  }
  .page_header_padd{
    padding: 1px 0px 9px 0px !important;
  }
  .padd_top_8{
    padding-top: 8px !important;
  }
  .ace_icon_lef {
    padding-left: 3.4px !important;
  }

  .printTitlepan_1{
    text-align: center;
    margin-top: 2%;
    padding-left: 0;
    margin-left: -5%;
  }

  .instNm_st{
      text-transform: uppercase;
      font-size: 15px;
      font-weight: bold
  }
   .add_sty{
      font-size: 11px;
      margin-top: .5%;
      margin-bottom: .5%
      font-weight: bold
  }
  .repnm_sty{
     text-transform: uppercase;
     font-size: 18px;
     margin-top: .5%;
     margin-bottom: .5%;
     font-weight: bold
   }
  .custm_btn_outline_orang {
    background-color: transparent !important;
    padding: 3px !important;
    margin: 0.3em 0em !important;
    color: #FB9803!important;
    border: 1px solid #FB9803!important;
    border-radius: 2px !important;
    width: 95px;
    height: 30px;
    font-size: 12px !important;
  }
  .custm_btn_outline_orang:hover, .custm_btn_outline_orang:focus,
  .custm_btn_outline_orang.active:focus, .custm_btn_outline_orang.focus,
  .custm_btn_outline_orang:active.focus, .custm_btn_outline_orang:active:focus,
  .custm_btn_outline_orang.active.focus, .custm_btn_outline_orang[disabled] {
    background-color: #FB9803 !important;
    border: 1px solid  #FB9803 !important;
    color: white!important;
  }
  .custm_btn_outline_dark_blue_only {
    background-color: transparent !important;
    padding: 3px !important;
    margin: 0.3em 0em !important;
    color: #0275D8!important;
    border: 1px solid #0275D8!important;
    border-radius: 2px !important;
    width: 130px;
    height: 30px;
    font-size: 12px !important;
  }
  .custm_btn_outline_dark_blue {
    background-color: transparent !important;
    padding: 3px !important;
    margin: 0.3em 0em !important;
    color: #0275D8!important;
    border: 1px solid #0275D8!important;
    border-radius: 2px !important;
    width: 130px;
    height: 30px;
    font-size: 12px !important;
  }
  .custm_btn_outline_dark_blue:hover, .custm_btn_outline_dark_blue:focus,
  .custm_btn_outline_dark_blue.active:focus, .custm_btn_outline_dark_blue.focus,
  .custm_btn_outline_dark_blue:active.focus, .custm_btn_outline_dark_blue:active:focus,
  .custm_btn_outline_dark_blue.active.focus, .custm_btn_outline_dark_blue[disabled] {
    background-color: #0275D8 !important;
    border: 1px solid  #0275D8 !important;
    color: white!important;
  }
  .custm_btn_outline_lgt_green {
    background-color: transparent !important;
    padding: 3px !important;
    margin: 0.3em 0em !important;
    color: #5CB85C!important;
    border: 1px solid #5CB85C!important;
    border-radius: 2px !important;
    width: 130px;
    height: 30px;
    font-size: 12px !important;
  }
  
  .custm_btn_outline_lgt_green:hover, .custm_btn_outline_lgt_green:focus,
  .custm_btn_outline_lgt_green.active:focus, .custm_btn_outline_lgt_green.focus,
  .custm_btn_outline_lgt_green:active.focus, .custm_btn_outline_lgt_green:active:focus,
  .custm_btn_outline_lgt_green.active.focus, .custm_btn_outline_lgt_green[disabled] {
    background-color: #5CB85C !important;
    border: 1px solid  #5CB85C !important;
    color: white!important;
  }
  .custm_btn_outline_drk_rd{
    background-color: transparent !important;
    padding: 3px !important;
    margin: 0.3em 0em !important;
    color: #f44336!important;
    border: 1px solid #f44336!important;
    border-radius: 2px !important;
    width: 100px;
    height: 30px;
    font-size: 12px !important;
  }
  .custm_btn_outline_drk_rd:hover, .custm_btn_outline_drk_rd:focus,
  .custm_btn_outline_drk_rd.active:focus, .custm_btn_outline_drk_rd.focus,
  .custm_btn_outline_drk_rd:active.focus, .custm_btn_outline_drk_rd:active:focus,
  .custm_btn_outline_drk_rd.active.focus, .custm_btn_outline_drk_rd[disabled] {
    background-color: #f44336 !important;
    border: 1px solid  #f44336 !important;
    color: white!important;
  }
  .bordSty{
    border: 1px solid #DAE2EA;
    border-radius: 4px;
  }

  .btn_grey{
    background-color: #F2F5F8!important;
    color: #8A8B99!important;
    border: none;
    /* border-radius: 5px; */
    padding: 6px;
  }

  .padZro{
    padding: 0px;
  }

/*
To captalize the first letter of the sentence
*/
.capsFirstLetter {
  text-transform: lowercase;
}

.capsFirstLetter::first-letter {
  text-transform: uppercase;
}
.cstm_btn_tk_blue_outline, .cstm_btn_tk_blue_outline:hover, .cstm_btn_tk_blue_outline:focus,
.cstm_btn_tk_blue_outline.active:focus, .cstm_btn_tk_blue_outline.focus,
.cstm_btn_tk_blue_outline:active.focus, .cstm_btn_tk_blue_outline:active:focus,
.cstm_btn_tk_blue_outline.active.focus, .cstm_btn_tk_blue_outline[disabled] {
  background-color: transparent !important;
  padding: -2px !important;
  margin: 0.3em 0em !important;
  color: #4d83ff!important;
  border: 1px solid #4d83ff!important;
  border-radius: 2px !important;
  width: 123px;
  height: 30px;
  font-size: 14px !important;
}
.width_100{
    width: 100% !important;
}
.wrd_brk {
  word-break: break-all !important;
}
.flt_rt {
  float: right !important;
}
.txt_overflow {
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important;
}
.mrg_tp_bt_2{
  margin: 2% 0% 2% 0% !important;
}
.scroller-left {
  float:left !important;
}
.scroller-right{
  float:right !important;
}
.overflow {
    text-align: center !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}
.padding-tp-12 {
  padding: 12px 0px 0px 0px !important;
}
.padding-tp-3 {
  padding: 3px 0px 0px 0px !important;
}
.fnt-wgt-bold {
  font-weight: bold !important;
}

.opacity-low{
  opacity: 0.4 !important;
}

/*overriding ui auto complete for master search sets scrollbar and height*/
.ui-autocomplete-global-search-active {
    max-height: 350px;
    z-index: 1031;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    position: fixed;
}
.ui-menu-item-global-search-active{
  padding: 10px 1px 6px;
  width: 100% !important;
}

/*used to hide and show views after rendering*/
.hide-halfcooked-views{
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
}
.show-fullcooked-views{
  visibility: visible !important;
  opacity: 1 !important;
}

.global-search-input-control{
  width: 125px !important;
  margin-top: 6px;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  transition: all .3s;
  border-radius: 3px !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border: #fff !important;
}

/* All media queries should go here*/
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  .institute-name-wrapper a{
   width: 50px !important;
  }
  .global-search-input-control{
    width: 90px !important;
  }
  .camu-logo-container{
    padding-left:5px;
    padding-right:5px;
  }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  .institute-name-wrapper a{
    width: 50px !important;
  }
  .global-search-input-control{
    width: 90px !important;
  }
  .camu-logo-container{
    padding-left:5px;
    padding-right:5px;
  }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  .institute-name-wrapper a{
    width: 100px !important;
  }
  .global-search-invisibility: hidden;put-control{
    width: 90px !important;
  }

  .camu-logo-container{
    padding-left:5px;
    padding-right:5px;
  }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .institute-name-wrapper a{
    width: 160px !important;
  }
  .global-search-input-control{
    width: 90px !important;
  }
  .global-search-input-control:focus{
    width: 100px !important;
  }

  .camu-logo-container{
    padding-left:58px;
    padding-right: 47px;
  }
  
} 

/* Large devices (laptops/desktops, 1100px and up) */
@media only screen and (min-width: 1100px) {
  .institute-name-wrapper a{
    width: 350px !important;
  }
  .global-search-input-control:focus{
    width: 250px !important;
  }

  .camu-logo-container{
    padding-left:58px;
    padding-right: 47px;
  }
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .institute-name-wrapper a{
    width: 400px !important;
  }

  .global-search-input-control:focus{
    width: 250px !important;
  }

  .camu-logo-container{
    padding-left:58px;
    padding-right: 47px;
  }
}

/* Extra large devices (large laptops and desktops, 1300px and up) */
@media only screen and (min-width: 1300px) {
  .institute-name-wrapper a{
    width: 450px !important;
  }

  .global-search-input-control:focus{
    width: 350px !important;
  }

  .camu-logo-container{
    padding-left:58px;
    padding-right: 47px;
  }
}

/*line height : 0*/
.lign_higt_0 {
  line-height: 0 !important;
}

/*custm padding for button space*/
.custm_margin {
  margin-left: 5px;
}

/*custom css for reset button in hostel module*/
.resetBtn {
  padding: 3px !important;
  margin: 0.3em 0em !important;
  color: #ffffff!important;
  border-radius: 2px !important;
  width: 100px;
  height: 30px;
  font-size: 12px !important;
  background-color: lightgrey !important;
  border: 1px solid lightgrey !important;
}

/*custom css for search button in hostel module*/
.searchBtn {
  padding: 3px !important;
  margin: 0.3em 0em !important;
  color: #ffffff!important;
  border-radius: 2px !important;
  width: 100px;
  height: 30px;
  font-size: 12px !important;
  background-color: #FBC02D !important;
  border: 1px solid #FBC02D !important;
}

/* Custom Switch (Converts checkbox into switch) */
.switch_input {
  display: none;
}
.cstm_switch_lbl2:hover {
  cursor: pointer;
}
.cstm_switch_lbl2:before { 	/* Switch */
  content: "";
  width: 35px;
  height: 13px;
  border-radius: 18px;
  border : 1px solid rgba(144, 164, 174, 0.23);
  background-color: #dedede;
  right: 0;
  left: 22px;
  top: 6px;
  position: absolute;
  box-shadow: 0px 2px 0.5px rgba(144, 164, 174, 0.1) inset;
}
.cstm_switch_lbl2:after {	/* Switch circle */
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border : 1px solid #c7c7c7;
  background-color: #dedede;
  right: 0;
  left: 19px;
  top: 4px;
  position: absolute;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transform: translate(0, -0.5px);
  -webkit-transform: translate(0, -0.5px);
  -moz-transform: translate(0, -0.5px);
  -ms-transform: translate(0, -0.5px);
  -o-transform: translate(0, -0.5px);
  box-shadow: 0px 1px 1px rgba(144, 144, 144, 0.85), -0.5px 0px 1px rgba(169, 169, 169, 0.74);
}
.switch_input:checked + .cstm_switch_lbl2:after{
  border: 1px solid #1687de;
    background-color: #1687de;
  box-shadow: 0px 1px 1px rgba(144, 144, 144, 0.85), -0.5px 0px 1px rgba(169, 169, 169, 0.74);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transform: translate(20.5px, -0.5px);
  -webkit-transform: translate(20.5px, -0.9px);
  -moz-transform: translate(20.5px, -0.9px);
  -ms-transform: translate(20.5px, -0.9px);
  -o-transform: translate(20.5px, -0.9px);
}
.switch_input:checked + .cstm_switch_lbl2:before {
  border: 1px solid #bbd9f9;
    background-color: #bbd9f9;
    transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}


/* Custom btn - Normal */
.cstm_btn_new, .cstm_btn_edit, .cstm_btn_export, 
.cstm_btn_upload, .cstm_btn_search, 
.cstm_btn_reset, .cstm_btn_reset:hover, .cstm_btn_cancel, .cstm_btn_cancel:hover {
  background-color: transparent !important;
  border: 1px solid #78909C !important;
  color: #607D8B !important;
}

/* Custom btn - Disabled */
.cstm_btn_new[disabled], .cstm_btn_edit[disabled], .cstm_btn_export[disabled], .cstm_btn_search[disabled], .cstm_btn_upload[disabled], {
  background-color: transparent !important;
  border: 1px solid #78909C !important;
  color: #607D8B !important;
  cursor: not-allowed !important;
}
.cstm_btn_search[disabled] {
  pointer-events: visible;
}


/* For New btn */
.cstm_btn_new:hover,
.cstm_btn_new:focus,
.cstm_btn_new:active,
.cstm_btn_new:active:focus {
  background-color: #7461aa !important;
  border: 1px solid #7461aa !important;
  color: #fff !important;
}


/* For Edit btn */
.cstm_btn_edit:hover,
.cstm_btn_edit:focus,
.cstm_btn_edit:active,
.cstm_btn_edit:active:focus {
  background-color: #438EB9 !important;
  border: 1px solid #438EB9 !important;
  color: #fff !important;
}


/* For Export btn */
.cstm_btn_export:hover,
.cstm_btn_export:focus,
.cstm_btn_export:active,
.cstm_btn_export:active:focus {
  background-color: #63adaa !important;
  border: 1px solid #63adaa !important;
  color: #fff !important;
}


/* For Upload btn */
.cstm_btn_upload:hover, .cstm_btn_search:hover,
.cstm_btn_upload:focus, .cstm_btn_search:focus,
.cstm_btn_upload:active, .cstm_btn_search:active,
.cstm_btn_upload:active:focus, .cstm_btn_search:active:focus {
  background-color: #f7d05b !important;
  border: 1px solid #f7d05b !important;
  color: #963 !important;
}

/* Margin right zero */
.marg-r-zero{
  margin-right: 0px;
}

/* Font Weights */
.font-normal {
  font-weight: normal;
}
.font-bold {
  font-weight: 600;
}
.print_btn {
  background: #FFFFFF;
  border: 1px solid #C5CEE0;
  box-sizing: border-box;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #222B45;
  font-size: 14px;
  text-align: center;
  margin-right: 16px;
}
.primary_btn {
  background: #3366FF;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
  pointer-events: inherit!important;
}
.orange_btn {
  background: #F2994A;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}
.delete_btn {
  background: #EB5757;
  border: none;
  box-sizing: border-box;
  border-radius: 4px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-right: 16px;
  color: #FFFFFF;
  font-size: 14px;
  text-align: center;
}
.pad_top_24 {
  padding-top: 24px!important;
}
.pad_top_8 {
  padding-top:8px!important;
}
.pad_top_16 {
  padding-top: 16px!important;
}
.padLefRgt24 {
  padding-left: 24px!important;padding-right: 24px!important;
}
.fntsiz14 {
  font-size: 14px;
}
.pad_top_12 {
  padding-top: 12px!important;
}
.padLefRgt9 {
  padding-right: 9px!important;
  padding-left: 9px!important;
}
.padLefRgt16 {
  padding-right: 16px!important;
  padding-left: 16px!important;
}
.padRgt5 {
  padding-right: 5px;
}
.padRgt8 {
  padding-right: 8px;
}
.padLef4 {
  padding-left: 4px;
}
.fnt_weig_600 {
  font-weight: 600;
}
.mar_lef_8 {
  margin-left: 8px;
}
.pad_bot_12 {
  padding-bottom: 12px!important;
}
/* select2 search dropdown */
.select2-container {
  text-align: left !important;
  width: 100% !important;
  border-radius: 4px !important;
}
.select2-selection {
  background-color: #fff;
  border: 1px solid #d5d5d5 !important;
  height: 34px !important;
}
.select2-selection__rendered {
  color: #858585 !important;
  line-height: 33px !important;
  font-size: 14px !important;
  width: 95%;
}
.select2-selection__arrow {
  top: 10% !important;
  height: 80% !important;
}
.select2-search:after {
  position: absolute;
  top: 3%;
  left: 90%;
  font-size: 16px;
}
/* select2 custom scroll design */
.select2-results ::-webkit-scrollbar {     /* width */
  height: 4px;
  width: 6px;
}
.select2-results ::-webkit-scrollbar-track {     /* Track */
  background: #e0e0e0;
  border-radius: 10px;
  border: 3.5px solid white;
  background-clip: content-box;
}
.select2-results ::-webkit-scrollbar-thumb {   /* Handle */
  background: #c0c0c0;
  border-radius: 10px;
}
.select2-results ::-webkit-scrollbar-thumb:hover {/* Handle on hover */
  background: #d0d0d0;
}


  /***************************************************************************************************************************************
  New CSS styles and also some classes with same existing class name which may overlaps styles by using !important.
  >> .camu-v1-layout                        - for overall page layout
  >> .camu-v1-grid                          - for grid
  >> .camu-v1-modal                         - for modal
  >> .camu-v1-alert                         - for alert
  >> .camu-v1-style                         - for all other normal style (Eg., input styles, font, button)
  >> .camu-v1-style .font-v1-{{type}}       - for fonts
  >> .camu-v1-style .btn-v1-{{type}}        - for buttons
  >> .camu-v1-style .badge-{{color}}        - for badge
  >> .camu-custom-fields                    - for custom form fields
  */
  
  
  /* Media queries */
  @media (min-width: 1024px) {
    .camu-v1-style .filter-selection-label {
      width: 11%;
    }
  }

  /* Page CSS */
  /* ---backgrounds */
  .camu-v1-layout .bg-plain {
    background-color: #F7F9FC;
  }
  .camu-v1-layout .bgn-transparent {
    background-color: #F7F9FC;
    padding: 15px 50px;
  }
  .camu-v1-layout .bgn-card {
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 0;
  }
  /* ---page header */
  .camu-v1-layout .page-header-main {
    background-color: white;
    margin-bottom: 20px !important;
  }
  .camu-v1-style .page-header-main .main-heading {
    margin: 0;
    padding: 20px 40px;
  }
  .camu-v1-style .page-header-main .sub-heading {
    border-bottom: 1px solid #E4E9F2;
    font-weight: 500 !important;
    margin: 0;
    padding: 18px 0px 18px 0px;
  }
  .camu-v1-layout .page-header-sub {
    background-color: white;
    margin-bottom: 20px !important;
    padding: 0px 25px 0px !important;
  }
  .camu-v1-layout .page-header-sub .sub-heading {
    border-bottom: 1px solid #E4E9F2;
    font-weight: 500 !important;
    margin: 0;
    padding: 12px 0px 12px 0px;
  }
  .camu-v1-layout .page-header-sub .main-heading {
    font-weight: 500 !important;
    margin: 0;
    padding: 20px 0px 20px 0px;
  }
  .camu-v1-layout .page-footer {
    background-color: #FFFFFF;
    border-top: 1px solid #E4E9F2;
    margin: 0;
    padding: 12px 36px 12px 16%;
    position: fixed;
    bottom: 0;
    right: 0;
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
    z-index: 10;
  }


  /* Nav Tabs */
  .camu-v1-style .page-nav.nav-tabs {
    border: 0px;
  }
  .camu-v1-style .page-nav.nav-tabs>li {
    margin-right: 25px;
  }
  .camu-v1-style .nav-tabs {
    border-bottom: 1px solid #C5D0DC;
  }
  .camu-v1-style .nav-tabs>li {
    margin-right: 15px;
  }
  .camu-v1-style .nav-tabs>li.active>a, .camu-v1-style .nav-tabs>li.active>a:focus, .camu-v1-style .nav-tabs>li.active>a:hover {
    border-bottom: 4px solid #3366ff !important;
    border-top: none !important; 
    box-shadow: none !important; 
    font-weight: bold;
    line-height: 22px;
    margin-top: 0px !important;
  }
  .camu-v1-style .nav-tabs>li.active>a, .camu-v1-style .nav-tabs>li.active>a:hover{
    color: #3366ff !important;
  }
  .camu-v1-style .nav-tabs>li>a, .camu-v1-style .nav-tabs>li>a:focus {
    background-color: transparent ! important; 
    border-color: transparent !important;
    font-size: 14px;
    padding: 0 0 6px 0 !important;
    text-align: center;
  }
  .camu-v1-style .nav-tabs>li>a:hover {
    color: #919191 !important;
    cursor: pointer;
  }
  /* Grid - nav tabs */
  .camu-v1-style .grid-nav-tabs {
    padding: 5px 0px;
  }
  .camu-v1-style .grid-nav-tabs .nav-tabs-inner {
    border-bottom: 1px solid #C5CEE0;
    padding: 6px 20px 8px 20px;
  }
  .camu-v1-style .grid-nav-tabs .nav-tabs {
    border: none;
  }
  .camu-v1-style .grid-nav-tabs li {
    top: 8px;
  }
  .camu-v1-style .grid-nav-tabs .nav-tabs>li.active>a,
  .camu-v1-style .grid-nav-tabs .nav-tabs>li.active>a:focus {
    padding-bottom: 14px !important;
  }

  /* Filter or advance search */
  .camu-v1-style .filter-container {
    border: 1px solid #8F9BB3;
    border-radius: 8px;
    margin-top: 1%;
    padding: 16px;
  }
  .camu-v1-style .filter-container.borderless {
    border: 0px !important;
  }
  .camu-v1-style .filter-container-active {
    background-color: rgba(143, 155, 179, 0.16) !important;
  }
  .camu-v1-style .filter-container-card {
    padding: 0 20px 15px 20px;
  }
  .camu-v1-style .filter-selection-block {
    background-color: rgba(143, 155, 179, 0.16) !important;
    border-radius: 4px;
    color: #222B45 !important;
    font-size: 14px;
    margin-top: 1%;
    margin-bottom: 20px;
    padding: 10px;
  }
  .camu-v1-style .filter-selection-label {
    border-right: 1px solid #C5CEE0;
    font-weight: 600;
    width: 10%;
  }


  /* Grid CSS */
  .camu-v1-grid .ngGrid {
    height: 600px !important;
    border: none;
  }
  /* ---hiding the vertical bars in the table */
  .camu-v1-grid .ngVerticalBarVisible {
    width: 0px !important;
  }
  /* ---striped table */
  .camu-v1-grid .ngRow:nth-of-type(odd) {
    background-color: #F7F9FC;
  }
  /* ---CSS for thead */
  .camu-v1-grid .ngTopPanel {
    background: #fff !important;
    color: #353535 !important;
    border-radius: 4px 0 0 4px;
    height: 50px !important;
    text-align: left;
  }
  /* ---positioning the headers */
  .camu-v1-grid .ngHeaderCell {
    margin-top: 10px;
    padding-left: 2px;
  }
  .camu-v1-grid .ngHeaderText {
    padding: 5px 5px 5px 13px;
  }
  /* ---sorting in header - up arrow */
  .camu-v1-grid .ngSortButtonDown {
    margin-left: 0;
    right: 120px;
    top: 6px;
  }
  /* ---sorting in header - down arrow */
  .camu-v1-grid .ngSortButtonUp {
    margin-left: 0;
    right: 120px;
    top: 15px;
  }
  .camu-v1-grid .ngGrid input[type=checkbox] {
    cursor: pointer;
  }
  .camu-v1-grid .ngSelectionHeader {
    top: 10px !important;
    left: 10px !important;
  }
  .camu-v1-grid .ngSelectionCell {
    margin-top: 4px !important;
    margin-left: 10px !important;
  }
  /* ---nullifying the hover effect in the table */
  .camu-v1-grid .ngRow.even:hover,
  .camu-v1-grid .ngRow.odd:hover {
    background-color: #E3EAFF;
    color: #222B45;
  }
  .camu-v1-grid .ngRow.selected {
    background-color: #5882ff;
    color: #fff
  }
  /* ---CSS for each cell in tbody */
  .camu-v1-grid div[ng-cell] {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
  }
  .camu-v1-grid .ngCell {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis;
  }
  .camu-v1-grid .ngCellText {
    padding: 5px 5px 5px 13px;
    text-align: left;
  }
  /* --to view full table without scroll */
  .camu-v1-grid .ngViewport {
    /* height: auto !important; */
    overflow-y: auto;
    overflow-x: auto;
  }
  /* ---table Footer */
  .camu-v1-grid .ngFooterPanel,
  .camu-v1-grid .dd-handle:hover,
  .camu-v1-grid .dd2-content:hover {
    background-color: #F7F9FC !important;
    border: none;
    border-top: 1px solid #d4d4d4;
    color: #353535;
    font-weight: 400;
    height: 70px !important;
  }
  /* ---page Size select css */
  .camu-v1-grid .ngRowCountPicker select {
    height: 27px !important;
    width: 55px !important;
    background-color: #fff !important;
    border-radius: 4px;
    color: #222B45 !important;
    margin-top: 0px !important;
  }
  /* ---current page input*/
  .camu-v1-grid .ngPagerCurrent {
    height: 27px !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    color: #222B45 !important;
    margin-top: 0px !important;
  }
  /* ---grid pagination button */
  .camu-v1-grid .btn-light {
    background-color: #E4E9F2 !important;
    padding: 4px 8px;
    border: none;
    border-radius: 2px;
  }
  .camu-v1-grid .btn-light[disabled] {
    background-color: #E4E9F2 !important;
    color: #f2f2f2 !important;
  }


  /* Round icon & its hover effect */
  .camu-v1-style .camu-icon {
    border-radius: 50%;
    padding: 6px 7px;
    transition: 0.3s ease;
  }
  .camu-v1-style .camu-icon.camu-icon-center {
    font-size: 18px;
    padding: 10px 7px 5px 7px;
  }
  .camu-v1-style .camu-icon:hover {
    background-color: rgba(143, 155, 179, 0.16) !important;
    border-radius: 50% !important;
    cursor: pointer;
  }
  .camu-v1-style .camu-icon-danger:hover {
    color: #EB5757;
    cursor: pointer;
  }


  /* Font colors */
  .camu-v1-style .font-bold {
    font-weight: 600;
  }
  .camu-v1-style .font-v1-primary {
    color: #222B45;
  }
  .camu-v1-style .font-v1-secondary {
    color: #8F9BB3;
  }
  .camu-v1-style .font-v1-blue {
    color: #3366FF;
  }
  .camu-v1-style .font-v1-form-err {
    color: #EB5757;
    font-size: 12px;
  }
  .camu-v1-style .caption {
    color: #8F9BB3;
    font-size: 12px;
  }


  /* Buttons */
  .camu-v1-style .btn-v1-sm {
    font-size: 12px !important;
    padding: 4px 16px !important;
  }
  /* ---primary */
  .camu-v1-style .btn-v1-primary {
    background-color: #3366FF;
    border: 1px solid #3366FF;
    border-radius: 4px;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-left: 8px;
    padding: 8px 20px;
    outline: none;
  }
  .camu-v1-style .btn-v1-primary.small {
    margin-left: 5px;
    padding: 5px 8px;
  }
  .camu-v1-style .btn-v1-primary:hover {
    background-color: #274BDB !important;
    color: #ffffff !important;
  }
  .camu-v1-style .btn-v1-primary[disabled] {
    background-color: #8F9BB3 !important;
    border-color: #8F9BB3 !important;
    color: #ffffff !important;
    cursor: not-allowed;
  }
  /* ---secondary */
  .camu-v1-style .btn-v1-secondary {
    background-color: #FFFFFF;
    border: 1px solid #C5CEE0;
    border-radius: 4px;
    color: #222B45;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-left: 8px;
    padding: 8px 20px;
    outline: none;
  }
  .camu-v1-style .btn-v1-secondary.small {
    margin-left: 5px;
    padding: 5px 8px;
  }
  .camu-v1-style .btn-v1-secondary:hover,
  .camu-v1-style .btn-v1-secondary:active {
    background-color: #F7F9FC !important;
  }
  .camu-v1-style .btn-v1-secondary[disabled] {
    background-color: #8F9BB3 !important;
    border-color: #8F9BB3 !important;
    color: #ffffff !important;
    cursor: not-allowed;
  }
  /* ---ternary */
  .camu-v1-style .btn-v1-ternary {
    background-color: transparent;
    border: none;
    font-size: 13px;
    font-weight: 600;
    color: #8F9BB3;
    letter-spacing: 0.7px;
    margin-left: 8px;
    outline: none;
    padding: 8px;
    /* padding: 8px 20px; */
  }
  .camu-v1-style .btn-v1-ternary:hover:not(:disabled) {
    color: #3366ff !important;
  }
  .camu-v1-style .btn-v1-ternary[disabled] {
    cursor: not-allowed;
  }
  /* ---danger */
  .camu-v1-style .btn-v1-danger {
    background-color: #EB5757;
    border: 1px solid #EB5757;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.7px;
    margin-left: 8px;
    padding: 8px 20px;
    outline: none;
  }
  .camu-v1-style .btn-v1-danger:hover,
  .camu-v1-style .btn-v1-danger:active {
    background-color: #db4242 !important;
  }
  .camu-v1-style .btn-v1-danger[disabled] {
    background-color: #8F9BB3 !important;
    border-color: #8F9BB3 !important;
    color: #ffffff !important;
    cursor: not-allowed;
  }
  
  /* Search grid - input */
  .camu-v1-style .search-input {
    margin-right: 5px;
    vertical-align: bottom;
    width: 50%;
  }

  /* form-group related css */
  .camu-v1-style .form-group {
    margin-bottom: 25px !important;
  }
  .camu-v1-style .form-group label[class*=col-] {
    color: #222B45;
    font-size: 13px;
    margin-bottom: 5px !important;
  }

  /* Input styles */
  .camu-v1-style .input-icon>i {
    top: 5px !important;
    left: 5px;
  }
  .camu-v1-style span.input-icon input {
    padding-left: 28px;
  }
  .camu-v1-style input[type=number] {
    border-radius: 4px !important;
  }
  .camu-v1-style input[type=text],
  .camu-v1-style input[type=number]:not(.ngPagerCurrent),
  .camu-v1-style input[type=search],
  .camu-v1-style select,
  .camu-v1-style .select2-selection, 
  .camu-v1-style .chosen-choices {
    background-color: #F7F9FC !important;
    background-image: none;
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    color: #222B45 !important;
    height: 40px !important;
    padding-left: 10px;
    transition: 0.3s ease;
    width: 100%;
  }
  .camu-v1-style .chosen-choices {
    min-height: 40px;
    height: auto !important;
    max-height: 125px;
    overflow-y: auto;
    padding: 0px 5px;
  }
  .camu-v1-style .chosen-container input[type=text], 
  .camu-v1-style .chosen-container input[type=number] {
    height: auto;
  }
  .camu-v1-style select option {
    color: #222B45 !important;
  }
  .camu-v1-style select,
  .camu-v1-style .select2-selection {
    cursor: pointer;
  }
  .camu-v1-style textarea {
    background-color: #F7F9FC !important;
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    color: #222B45 !important;
    min-height: 85px;
    max-width: 100%;
    padding-left: 10px;
    resize: vertical;
    transition: 0.1s ease;
  }
  .camu-v1-style .select2-selection__rendered {
    color: #222B45 !important;
    font-size: 14px;
    line-height: 38px !important;
    padding: 0px !important;
  }
  .camu-v1-style select:invalid~.select2-container .select2-selection__rendered,
  .camu-v1-style select[value=""]~.select2-container .select2-selection__rendered {
    color: #8F9BB3 !important;
  }
  .camu-v1-style .select2-selection__arrow {
    color: #8F9BB3 !important;
  }
  .camu-v1-style input[type=text]:focus,
  .camu-v1-style input[type=number]:focus,
  .camu-v1-style input[type=search]:focus,
  .camu-v1-style select:focus,
  .camu-v1-style .select2-selection:focus,
  .camu-v1-style textarea:focus,
  tags-input .tags .input:focus {
    border-color: #598BFF !important;
  }
  .camu-v1-style input[type=text]::placeholder,
  .camu-v1-style input[type=number]::placeholder,
  .camu-v1-style input[type=search]::placeholder,
  .camu-v1-style select::placeholder,
  .camu-v1-style .select2-selection::placeholder,
  .camu-v1-style textarea::placeholder,
  .camu-v1-style select:invalid,
  .camu-v1-style select[value=""],
  .camu-v1-style select option[value=""],
  tags-input .tags .input::placeholder,
  .camu-v1-style .search-field input[value=""] {
    color: #8F9BB3 !important;
  }
  .camu-v1-style input[type=text]:disabled,
  .camu-v1-style input[type=number]:disabled,
  .camu-v1-style input[type=search]:disabled,
  .camu-v1-style select:disabled,
  .camu-v1-style .select2-selection:disabled,
  .camu-v1-style textarea:disabled,
  .camu-v1-style tags-input .tags .input:disabled,
  .camu-v1-style input:read-only,
  .camu-v1-style textarea:read-only {
    background-color: #E4E9F2 !important;
    color: #8F9BB3 !important;
    border: 1px solid transparent !important;
  }
  .camu-v1-style textarea::-webkit-scrollbar-track {
    background: #F7F9FC !important;
    border: 3.5px solid #F7F9FC !important;
  }

  /* Switch */
  .camu-v1-style .input-switch input {
    display: none !important;
  }
  .camu-v1-style .input-switch  .slider {
    background-color: rgba(143, 155, 179, 0.16) !important;
    border: 1px solid #C5CEE0 !important;
    border-radius: 34px;
    cursor: pointer;
    position: absolute;
    height:24px;
    width:40px;
    transition: .4s;
    -webkit-transition: .4s;
  }
  .camu-v1-style .input-switch .slider:before {
    background-color: white;
    border-radius: 50%;
    content: "";    
    position: absolute;
    bottom: 1px;
    left: 1px;
    height: 20px;
    width: 20px;
    transition: .4s;
    -webkit-transition: .4s;
  }
  .camu-v1-style .input-switch input:checked + .slider {
    background-color: #3366FF !important;
  }
  /* .camu-v1-style .input-switch input:focus + .slider {
    background-color: rgba(143, 155, 179, 0.4) !important;
    border: 1px solid #8F9BB3 !important;
    box-shadow: 0 0 10px rgba(143, 155, 179, 0.70) !important;
  } */
  /* .camu-v1-style .input-switch input:focus:checked + .slider {
    background-color: #3366FF !important;
    border: 1px solid #3366FF !important;
    box-shadow: 0 0 10px rgba(143, 155, 179, 0.70) !important;
  } */
  .camu-v1-style .input-switch input:checked + .slider:hover {
    background-color: #598BFF !important;
  }
  .camu-v1-style .input-switch input:not([disabled]):not(:checked) + .slider:hover {
    background-color: rgba(51, 102, 255, 0.16) !important;
    border: 1px solid #598BFF !important;
  }
  .camu-v1-style .input-switch input:checked + .slider:before {
    transform: translateX(16px);
  }
  .camu-v1-style .input-switch input[disabled]:checked + .slider {
    background-color: rgba(143, 155, 179, 0.16) !important;
  }
  .camu-v1-style .input-switch input[disabled]:checked + .slider:before {
    background-color: rgba(143, 155, 179, 0.4) !important;
    content: "\f00c";
    color: white;
    font-family: FontAwesome;
    font-size: 10px;
    padding: 3px;
    text-align: center;
  }
  .camu-v1-style .input-switch input[disabled]:not(:checked) + .slider {
    background-color: rgba(143, 155, 179, 0.16) !important;
  }
  .camu-v1-style .input-switch input[disabled]:not(:checked) + .slider:before {
    background-color: rgba(143, 155, 179, 0.4) !important;
  }

  /* Select2-Input style */
  .camu-v1-style .select2-container--open .select2-dropdown--above,
  .camu-v1-style .select2-container--open .select2-dropdown--below {
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    padding: 8px;
  }
  .camu-v1-style .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #F7F9FC;
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    height: 38px;
    padding-left: 30px;
  }
  .camu-v1-style .select2-search:after {
    top: 18px;
    left: 12px;
    color: #8F9BB3;
  }
  .camu-v1-style .select2-results__options {
    color: #222B45 !important;
  }
  .camu-v1-style .select2-results__options li {
    font-size: 14px;
    padding: 10px 8px;
  }
  .camu-v1-style .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 7px;
  }
  .camu-v1-style .select2-results__options li:hover,
  .camu-v1-style .select2-results__options li:active,
  .camu-v1-style .select2-container--default .select2-results__option--highlighted[aria-selected],
  .camu-v1-style .select2-container--default .select2-results__option--highlighted[aria-selected=true],
  .camu-v1-style .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #EDF1F7 !important;
    border-radius: 4px;
    color: #222B45 !important;
  }
  .camu-v1-style .select2-container--default.select2-container--disabled .select2-selection--single {
    border: none !important;
    background-color: #E4E9F2 !important;
    color: #8F9BB3 !important;
  }
  .camu-v1-style .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered {
    border: none !important;
    border-radius: 4px;
    background-color: #E4E9F2 !important;
    color: #8F9BB3 !important;
    cursor: not-allowed;
  }
  .camu-v1-style .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow b {
      border-color: #8F9BB3 transparent transparent !important;
  }

  /* Checkbox */
  .camu-v1-style .checkbox-group input {
    display: none !important;
  }
  .camu-v1-style .checkbox-group .check {
    background-color: #EDEFF3 !important;
    border: 1px solid #D6D6D6 !important;
    border-radius: 2px;
    cursor: pointer;
    margin: 0;
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    transition: .4s;
    -webkit-transition: .4s;
  }
  .camu-v1-style .checkbox-group input:checked + .check:before {
    background-color: #3366FF !important;
    border: 1px solid #3366ff !important;
    border-radius: 2px;
    color: #ffffff !important;
    content: "\f00c";
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 8px;
    text-align: center;
    padding: 1px;
    position: absolute;
    top: -1px;
    right: 0px;
    bottom: 0px;
    left: -1px;
    width: 16px;
    height: 16px;
    transition: .4s;
    -webkit-transition: .4s;
  }
  .camu-v1-style .checkbox-group input:focus + .check {
    background-color: #D6DBE4 !important;
    border: 1px solid #8F9BB3 !important;
    box-shadow: 0 0 10px rgba(143, 155, 179, 0.70) !important;
  }
  .camu-v1-style .checkbox-group input:focus:checked + .check:before {
    background-color: #274BDB !important;
    border: 1px solid #1A34B8 !important;
    box-shadow: 0 0 10px rgba(143, 155, 179, 0.70) !important;
  }
  .camu-v1-style .checkbox-group input:checked + .check:hover:before {
    background-color: #598BFF !important;
  }
  .camu-v1-style .checkbox-group input:not([disabled]):not(:checked) + .check:hover {
    background-color: #DEE7FF !important;
    border: 1px solid #3366FF !important;
  }
  .camu-v1-style .checkbox-group input[disabled]:checked + .check:before {
    background-color: #8F9BB3 !important;
    border: 1px solid #8F9BB3 !important;
    cursor: not-allowed;
    font-size: 7px;
    opacity: 0.48;
  }
  .camu-v1-style .checkbox-group input[disabled]:not(:checked) + .check {
    background-color: #8F9BB3 !important;
    border: 1px solid #8F9BB3 !important;
    cursor: not-allowed;
    opacity: 0.16;
  }

  /* Tags-Input autocomplete style */
  .camu-v1-style tags-input .tags,
  .camu-v1-style tags-input .host,
  .camu-v1-style tags-input .tags .input {
    background-color: #F7F9FC !important;
    border-color: #C5CEE0 !important;
    border-radius: 4px !important;
    box-shadow: none;
    color: #222B45 !important;
    width: 100%;
  }
  .camu-v1-style tags-input .tags {
    padding: 5px 10px;
  }
  .camu-v1-style tags-input .tags .input {
    min-height: 25px;
  }
  .camu-v1-style tags-input .tags .tag-item {
    background: none;
    background-color: #ced5df !important;
    border-radius: 25px;
    color: #222B45 !important;
    display: flex;
    padding: 0 0 0 5px;
  }
  .camu-v1-style tags-input .tags .tag-item>span {
    display: block;
    padding: 0px 4px 0px 8px;
  }
  .camu-v1-style tags-input .tags .tag-item .remove-button {
    background: transparent !important;
    border-radius: 50% !important;
    color: #222B45 !important;
    font-size: 18px;
    padding: 4px 8px;
    text-decoration: none;
  }
  .camu-v1-style tags-input .tags .tag-item .remove-button:hover {
    background-color: rgba(143, 155, 179, 0.16) !important;
  }
  .camu-v1-style tags-input .autocomplete {
    border-radius: 6px;
    padding: 8px 12px;
  }
  .camu-v1-style tags-input .autocomplete .suggestion-item {
    font-size: 14px !important;
    padding: 10px 8px;
  }
  .camu-v1-style tags-input .autocomplete .suggestion-item.selected,
  .camu-v1-style tags-input .autocomplete .suggestion-item.selected em {
    background-color: #EDF1F7 !important;
    border-radius: 4px;
    color: #222B45 !important;
  }
  
  /* Chosen-library select(multi) related css */
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-choice {
    background-color: #ced5df !important;
    background-image: none;
    background-clip: none;
    border: none;
    border-radius: 15px;
    box-shadow: none;
    color: #222B45 !important;
    margin-top: 7px;
    padding: 4px 20px 4px 10px;
  }
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-choice > span {
    display: inline-block;
    padding: 3px 6px 3px 6px;
  }
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: transparent !important;
    border-radius: 50% !important;
    color: #222B45 !important;
    font-size: 18px;
    padding: 7px;
    text-decoration: none;
    top: 8px;
    right: 5px;
  }
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-color: rgba(143, 155, 179, 0.16) !important;
  }
  .camu-v1-style .chosen-container .chosen-results li.highlighted, .camu-v1-style .chosen-container .chosen-results li:hover {
    background-color: #EDF1F7 !important;
    border-radius: 4px;
    color: #222B45 !important;
  }
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-field input {
    color: #8F9BB3 !important;
    width: 100% !important;
  }
  .camu-v1-style .chosen-container-multi .chosen-choices li.search-choice + li.search-field input {
    color: #222B45 !important;
    width: 25px !important;
  }
  .camu-v1-style .chosen-container .chosen-drop {
    background-color: #F7F9FC;
    background-image: none;
    border-radius: 4px !important;
    box-shadow: none;
  }
  .camu-v1-style .chosen-container .chosen-drop li {
    color: #222B45 !important;
    font-size: 13px;
    padding: 10px 8px;
  }

  .camu-v1-style .attachment {
    border: 1.8px dashed #C5CEE0;
    border-radius: 4px;
    color: #8F9BB3;
    height: 80px !important;
    padding: 28px 18px;
    text-align: center;
  }
  

  /* Custom Modal */
  .camu-v1-modal .modal-content {
    background: white;
    border-radius: 4px;
  }
  .camu-v1-modal .modal-header {
    border: 0px;
  }
  .camu-v1-modal .modal-header .close {
    font-size: 30px;
    opacity: 0.7;
    padding: 2px 8px;
  }
  .camu-v1-modal .modal-header .close:hover, .camu-v1-modal .select-profile-view .remove-profile:hover, 
  .camu-v1-modal .select-profile-view .remove-all-selection:hover {
    color: red;
  }
  .camu-v1-modal .modal-title {
    font-weight: bold;
    margin-top: -10px; 
    padding: 0px 10px 3px 10px;
  }
  .camu-v1-modal .modal-title.with-border {
    border-bottom: 1px solid #C5CEE0;
    padding: 0px 10px 15px 10px;
  }
  .camu-v1-modal .modal-body {
    max-height: calc(85vh - 150px);
    padding: 15px 15px 20px 15px;
  }
  .camu-v1-modal .select-profile-view {
    border: 1px solid #C5CEE0;
    border-radius: 3px;
    margin-bottom: 5px;
    padding: 6px 4px;
  }
  .camu-v1-modal .selected-profile {
    background-color: #d8dee6;
    border: 1px solid #d8dee6;
    border-radius: 13px;
    color: #222B45;
    display: inline-block;
    margin: 0px 3px 3px 3px;
    padding: 1px 1px 1px 10px;
  }
  .camu-v1-modal .select-profile-view .remove-profile {
    background: transparent;
    border: 0;
    cursor: pointer;
  }
  .camu-v1-modal .select-profile-view .remove-all-selection {
    font-size: 15px;
    color: #8F9BB3;
    cursor: pointer;
    margin-top: 17px;
  }
  .camu-v1-modal .profile-list {
    margin-top: 16px;
  }
  .camu-v1-style .profile-list {
    margin-top: 12px;
  }
  .camu-v1-modal .profile-list .header-font, .camu-v1-style .profile-list .header-font {
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px !important;
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .camu-v1-modal .profile-list .content-font, .camu-v1-style .profile-list .content-font {
    font-size: 13px;
    padding: 5px 8px 0 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .camu-v1-modal .profile-list .profile-image, .camu-v1-style .profile-list .profile-image {
    border: 0.8px solid #C5CEE0;
    border-radius: 4px;
    object-fit: cover;
    height: 50px;
    width: 50px;
  }
  .camu-v1-modal .profile-list .profile-image-default, .camu-v1-style .profile-list .profile-image-default {
    background-color: #C5CEE0;
    border-radius: 4px;
    font-size: 20px;
    opacity: 0.5;
    padding: 9px;
    text-align: center;
    text-transform: uppercase;
    height: 50px;
    width: 50px;
  }
  .camu-v1-modal .profile-list .added-msg {
    color: #56595f;
    display: flex;
    font-size: 10px;
    font-weight: 600;
    margin-left: -6px;
    text-align: right;
  }
  .camu-v1-modal .profile-list .profile-freeze {
    cursor: not-allowed;
    opacity: 0.3;
    pointer-events: none;
  }
  .camu-v1-modal .profile-list .overall-profile:hover {
    background-color: rgba(143, 155, 179, 0.16) !important;
    border-radius: 4px;
    cursor: pointer;
  }
  .camu-v1-modal .body-head {
      background-color: #f7f9fc;
      border-radius: 4px;
      padding: 7px 9px;
      font-size: 13px;
      font-weight: 600;
  }
  .camu-v1-modal .modal-footer {
      background: white;
      border-radius: 4px;
      border-top: 1px solid #EDF1F7;
  }
  /* .camu-v1-modal .footer-err {
      border-radius: 4px;
      margin: 0;
      padding: 5px 15px;
  } */


  /* Scroll design */
  /* ---width */
  .camu-v1-style ::-webkit-scrollbar,
  .camu-v1-style .select2-results ::-webkit-scrollbar {
    height: 7px;
    width: 7px;
  }
  .camu-v1-style .ngGrid ::-webkit-scrollbar {
    height: 10px;
    width: 10px;
  }
  /* ---track */
  .camu-v1-style ::-webkit-scrollbar-track,
  .camu-v1-style .select2-results ::-webkit-scrollbar-track {
    background: #e0e0e0;
    background-clip: content-box;
    border-radius: 10px;
    border: 3.5px solid white;
  }
  .camu-v1-style ::-webkit-scrollbar-track {
    border: 4.5px solid white;
  }
  /* ---handle */
  .camu-v1-style ::-webkit-scrollbar-thumb,
  .camu-v1-style .select2-results ::-webkit-scrollbar-thumb {
    background: #c0c0c0;
    border-radius: 10px;
  }
  /* ---handle on hover */
  .camu-v1-style ::-webkit-scrollbar-thumb:hover,
  .camu-v1-style .select2-results ::-webkit-scrollbar-thumb:hover {
    background: #d0d0d0;
    cursor: pointer !important;
  }


  /* Banner  */
  .camu-v1-style .banner-card {
    background-color: white !important;
    padding: 15px 0px 15px 26px;
  }
  .camu-v1-style .banner-card-v1 {
    background-color: #FFF;
    border-radius: 8px;
    border: 1px solid #e3e8f1;
    margin-bottom: 20px;
    padding: 15px !important;
  }
  .camu-v1-style .banner-image-default {
    background-color: #C5CEE0;
    border-radius: 4px;
    font-size: 25px;
    opacity: 0.5;
    padding: 12px;
    text-align: center;
    text-transform: uppercase;
    height: 64px;
    width: 64px;
  }
  .camu-v1-style .banner-image {
    border: 0.8px solid #C5CEE0;
    border-radius: 4px;
    object-fit: cover;
    height: 64px;
    width: 64px;
  }
  .camu-v1-style .banner-header{
    font-size: 18px;
    font-weight: bold;
    padding: 0 10px 0 0 !important;
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
  .camu-v1-style .banner-content{
    font-size: 14px;
    padding: 5px 8px 0 0 !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }


  /* Dropdown */
  .camu-v1-style .dropdown-menu {
    border-radius: 4px !important;
  }
  .camu-v1-style .dropdown-menu>li.active:hover a, .camu-v1-style .dropdown-menu>li.active a, 
  .camu-v1-style .dropdown-menu>li:hover a, .camu-v1-style .dropdown-menu>li a:active, 
  .camu-v1-style .dropdown-menu>li a:focus {
    background-color: #EDF1F7 !important;
    color: inherit !important;
  }


  /* Alerts */
  .camu-v1-alert, .camu-well {
    border-radius: 4px;
    color: #222B45;
    font-size: 14px;
    padding: 10px 12px;
    margin: 10px 0 15px 0;
    text-align: left;
  }
  .camu-well {
    background: rgba(143, 155, 179, 0.16);
    padding: 8px 12px;
  }
  .camu-v1-alert.camu-v1-alert-info {
    background: rgba(143, 155, 179, 0.16);
  }
  .camu-v1-alert .icon-info {
    color: #3366FF;
    margin-right: 8px;
  }
  .camu-v1-alert.camu-v1-alert-warning {
    background: rgba(242, 153, 74, 0.15);
  }
  .camu-v1-alert .icon-warning {
    color: #F2994A;
    margin-right: 8px;
  }
  .camu-v1-alert.camu-v1-alert-error {
    background: rgba(235, 87, 87, 0.15);
  }
  .camu-v1-alert .icon-error {
    color: #EB5757;
    margin-right: 8px;
  }
  .camu-v1-alert.camu-v1-alert-success {
    background: rgba(33, 150, 83, 0.15);
  }
  .camu-v1-alert .icon-success {
    color: #219653;
    margin-right: 8px;
  }
  /* View as staff */
  .view-as-box{
    text-align:center;
    background-color: #731DD8;
    position: fixed;
    width: 100%;
    z-index: 5;
    top: 52px;
    height: 48px;
    padding: 12px;
  }
  .view-as-border{
    border: #731DD8;
    border-style: solid;
    border-width: 3px;
  }
  .view-as-btn{
    margin-left: 4px;
    padding: 1px 12px;
    font-size: 14px;
    color: #000 !important;
    background-color: #FFF !important;
    border-color: #ffffff !important;
  }
  .view-as-btn:focus,.view-as-btn:active,.view-as-btn:hover {
    outline: none !important;
    outline: none !important;
    outline-offset: none !important;
    box-shadow:none !important;
    background-color: #EEEEEE !important;
  }
  .marign-top-36{
    margin-top: 36px;
  }
  /* View as staff ends */

  
.camu-custom-fields .form-section {
  border: 1px solid #C5CEE0;
  border-radius: 8px;
}
.camu-custom-fields .form-section-title {
  background-color: #3366ff14;
  border-radius: 8px 8px 0 0;
  color: #3366FF;
  margin: -1px;
  padding: 25px 12px;
}
.camu-custom-fields .form-element {
  border: 1px solid #C5CEE0;
  border-radius: 8px;
  min-height: 60px;
  padding: 15px 20px 20px;
  text-align: left;
}
.camu-custom-fields .form-element label:first-child {
  margin-bottom: 8px;
}
.camu-custom-fields .edit-icon {
  font-size: 16px;
  margin-bottom: 2px;
}
.camu-custom-fields .mandatory, .camu-v1-style .mandatory {
  color: #EB5757;
}
.camu-custom-fields .field-radio input[type=radio],
.camu-custom-fields .field-checkbox input[type=checkbox] {
  margin-right: 5px;
  position: relative;
  top: 2px;
}

/* Badge */
.camu-v1-style .badge {
  background-color: rgba(143, 155, 179, 0.16);
  border-radius: 4px;
  color: #7E8BA5;
  font-size: 13px;
  padding: 4px 8px;
}
.camu-v1-style .badge.badge-blue {
  background: rgba(51, 102, 255, 0.2);
  color: #3366FF;
}
.camu-v1-style .badge.badge-blue.bg-low {
  background: rgba(51, 102, 255, 0.08);
  color: #3366FF;
}
.camu-v1-style .badge.badge-green {
  background: rgba(33, 150, 83, 0.15);
  color: #219653;
}
.camu-v1-style .badge.badge-green.bg-low {
  background: rgba(33, 150, 83, 0.08);
  color: #219653;
}
.camu-v1-style .badge.badge-orange {
  background-color: rgba(242, 153, 74, 0.15);
  color: #F2994A;
}
.camu-v1-style .badge.badge-orange.bg-low {
  background-color: rgba(242, 153, 74, 0.08);
  color: #F2994A;
}
.camu-v1-style .badge.badge-red {
  background: rgba(235, 87, 87, 0.15);
  color: #EB5757;
}
.camu-v1-style .badge.badge-red.bg-low {
  background: rgba(235, 87, 87, 0.08);
  color: #EB5757;
}
.camu-v1-style .badge.badge-violet {
  background-color: rgba(155, 81, 224, 0.15);
  color: #9B51E0;
}
.camu-v1-style .badge.badge-violet.bg-low {
  background-color: rgba(155, 81, 224, 0.08);
  color: #9B51E0;
}
.camu-v1-style .circle-badge {
  background-color: rgba(143, 155, 179, 0.16);
  border-radius: 50%;
  color: #221B45;
  padding: 2px 7px;
}

/* Colors */
.camu-v1-style  .circle-blue, .camu-v1-style .font-color-blue {
  color: #3366FF;
}
.camu-v1-style  .circle-green, .camu-v1-style .font-color-green {
  color: #219653;
}
.camu-v1-style  .circle-orange, .camu-v1-style .font-color-orange {
  color: #F2994A;
}
.camu-v1-style  .circle-red, .camu-v1-style .font-color-red {
  color: #EB5757;
}
.camu-v1-style  .circle-violet, .camu-v1-style .font-color-violet {
  color: #9B51E0;
}

/* Background colors */
.camu-v1-style .bg-blue.bg-low {
  background-color: rgba(51, 102, 255, 0.08);
}
.camu-v1-style .bg-orange.bg-low {
  background-color: rgba(242, 153, 74, 0.08);
}
.camu-v1-style .bg-green.bg-low {
  background: rgba(33, 150, 83, 0.15);
}
.camu-v1-style .bg-red.bg-low {
  background-color: rgba(235, 87, 87, 0.08);
}
.camu-v1-style .bg-violet.bg-low {
  background-color: rgba(155, 81, 224, 0.08);
}

/* Mini-card */
.camu-v1-style .mini-card {
  background-color: #FFF;
  border: 2px solid #C5CEE0;
  border-radius: 8px;
  font-size: 15px;
  padding: 0px 40px 30px;
  text-align: center;
}
.camu-v1-style .mini-card.multi {
  padding: 0px 40px 10px !important;
}
.camu-v1-style .mini-card.active {
  border: 2px solid #3366FF;
}
.camu-v1-style .mini-card a.active {
  color: #3366FF;
  text-decoration: underline;
}
.camu-v1-style .mini-card .filter-applied {
  color: #3366FF;
  font-size: 12px;
  position: absolute;
  top: 8px;
  right: 12px;
}
.camu-v1-style .mini-card-v2 {
  background-color: #EDF1F7;
  border-radius: 4px;
  padding: 8px 8px 16px 12px;
}


.bootstrap-timepicker-widget.dropdown-menu.open {
  z-index: 99999;
}
/*Dropdown multi select */
.dropdown_multi{
  width:150px;color:#555!important;
  font-size:14px!important;
  background-color:#FFF!important;
  border:1px solid#CCC!important;
  font-weight: 400!important;
  font-family: Open Sans!important;
}
.dropdown_multi:hover, .dropdown_multi:active, .dropdown_multi:focus{
  background-color: #FFF!important;
}
/*Search button */
.search_design {
  padding:8px 7px !important;
  border: 1px solid #3366FF;
  color: #3366FF !important;
  background-color: rgba(51, 102, 255, 0.08) !important;
  border-radius: 4px;"
}
/*text background*/
.bckgrnd_color {
  background-color: #5882ff26;
  color: #3366FF !important;
  border-radius: 4px !important;
  margin-left: 19px;
  width: 81px;
}
/*Filter hide show*/
.filter_hide {
  background-color: transparent !important;
  border: none !important;
  font-size: 13px;
  font-weight: 600;
  color: #8F9BB3 !important;
  letter-spacing: 0.7px;
  margin-left: 5px;
  outline: none !important;
  padding: 6px;
}
/*Filter hide show*/
.filter_hide:hover {
  color: #3366ff !important;
}
/*table head*/
.table-head {
  padding: 10px;
  background-color: #efefef;
  border-radius: 6px 6px 0px 0px;
  border: 1px solid #ddd;
}
/*table body*/
.table-body {
  padding: 10px 10px;
  border-radius: 0px 0px 6px 6px;
  border: 1px solid #ddd;
  border-top: 0px;
}
/*Border solid*/
.border_solid {
  border: 1px solid #ddd !important;
}

/*Border radius*/
.border_radius {
  border-radius: 4px !important;
}

/*color orange*/
.color_orange{
  color: orange;
}
.pad_right_65{
  padding-right: 65px !important;
}
.border-black {
  border: 1px solid black !important;
}
.PageBr-and-inside-avoid{
  page-break-after: always!important;
  page-break-inside: avoid !important;
}
.cstm_bordr_bottom{
  border-bottom: 1px solid black !important;
}
.cstm_bordr_left{
  border-left: 1px solid black !important;
}
.cstm_bordr_right{
  border-right: 1px solid black !important;
}
.cstm_bordr_noleft{
  border-right: 1px solid black !important;
  border-top: 1px solid black !important;
  border-bottom: 1px solid black !important;
}
.cstm_only_border_left {
  border-left : 1px solid black !important;
}
.cstm_only_border_right {
  border-right : 1px solid black !important;
}
.cstm_only_border_top {
  border-top : 1px solid black !important;
}
.cstm_only_border_bottom {
  border-bottom : 1px solid black !important;
}
.cstm_all_borders{
  border: 1px solid black !important;
}
.custm_btn_outline_blue_square{
  background-color: transparent !important;
  color: #3366FF!important;
  border: 1px solid #ECEFF1!important;
  border-radius: 20% !important;
  width: 23px;
  height: 23px;
  font-size: 12px !important;
}
.custm_btn_outline_blue_square:hover{
  background-color: #F5F5F5 !important;
}
.brdr_rght_whtsmk{
  border-right: 25px solid #F7F9FC !important;
}
.widt_table {
  width: 80px !important;
}
.custm_uplod{
  border: 1.8px dashed #C5CEE0;
  border-radius: 4px;
  color: #8F9BB3;
  padding: 28px 0px 28px 0px !important;
  height: 80px !important;
}

.pad_10 {
  padding: 10px!important;
}
.link_color {
  color: #3366FF !important;
}
/*background light blue color*/
.custm_bckg_ltBlue_Clr {
  background-color: #b2cdea1f !important;
}
/*Student profile update css*/

/* ------------------------------------------ Custom Online Application Form CSS - Start ----------------------------------------------- */
/* Form Buttons */
.student-prof .form-primary-btn {
  background-color: #3F51B5;
  border: 1px solid #3F51B5;
  border-radius: 4px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  margin-left: 5px;
  outline: none !important;
  padding: 8px 16px;
}
.student-prof .border_top{
  border-top: 1px solid #EEEEEE;
}
.student-prof .form-primary-btn:hover {
  background-color: #324192;
}
.student-prof .form-secondary-btn {
  background-color: #fff;
  border: 1px solid #9B9BAA;
  border-radius: 4px;
  color: #555770;
  cursor: pointer;
  font-size: 14px;
  height: 40px;
  margin-left: 5px;
  outline: none !important;
  padding: 8px 16px;
}
.student-prof .form-secondary-btn:hover {
  background-color: #f7f7f7;
  color: #555770;
}
.student-prof .form-tertiary-btn {
  background-color: transparent !important;
  border: none !important;
  color: #3F51B5;
  cursor: pointer;
  font-size: 14px;
  font-weight: 600;
  height: 40px;
  margin-right: 5px;
  outline: none !important;
  padding: 8px 16px;
}
.student-prof .form-tertiary-btn:hover {
  color: #324192;
}


/* Custom-Input styles */
.student-prof input[type=number] {
    border-radius: 4px !important;
}
.student-prof input[type=checkbox] {
    cursor: pointer;
}
.student-prof input[type=text], .student-prof input[type=number]:not(.ngPagerCurrent), .student-prof input[type=search], .student-prof input[type=email], 
.student-prof select, .student-prof .select2-selection {
    background-color: #F7F9FC !important;
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    color: #222B45 !important;
    height: 40px !important;
    padding-left: 10px;
    transition: 0.3s ease;
    width: 100%;
}
.student-prof select option {
    color: #222B45 !important;
}
.student-prof .select2-selection {
  cursor: pointer;
}
.student-prof textarea {
    background-color: #F7F9FC !important;
    border: 1px solid #C5CEE0 !important;
    border-radius: 4px !important;
    color: #222B45 !important;
    padding-left: 10px;
    min-height: 85px;
    max-width: 100%;
    transition: 0.3s ease;
}
.student-prof .select2-selection__rendered {
  color: #222B45 !important;
  font-size: 14px;
  line-height: 38px !important;
  padding: 0px !important;
}
.student-prof select:invalid ~ .select2-container .select2-selection__rendered, 
.student-prof select[value=""] ~ .select2-container .select2-selection__rendered {
    color: #8F9BB3 !important;
}
.student-prof .select2-selection__arrow {
    color: #8F9BB3 !important;
}
.student-prof input[type=text]:focus, .student-prof input[type=number]:focus, .student-prof input[type=search]:focus, .student-prof input[type=email]:focus, 
.student-prof select:focus, .student-prof textarea:focus, .student-prof .select2-selection:focus {
    outline-color: #3F51B5 !important;
}
.student-prof input[type=text]::placeholder, .student-prof input[type=number]::placeholder, .student-prof input[type=search]::placeholder, .student-prof input[type=email]::placeholder, 
.student-prof select::placeholder, .student-prof textarea::placeholder, 
.student-prof select:invalid, .student-prof select[value=""], .student-prof select option[value=""], .student-prof .select2-selection::placeholder {
    color: #8F9BB3 !important;
}
.student-prof input[type=text]:disabled, .student-prof input[type=number]:disabled, .student-prof input[type=search]:disabled, .student-prof input[type=email]:disabled, 
.student-prof select:disabled, .student-prof textarea:disabled,
.student-prof input:read-only, .student-prof textarea:read-only, .student-prof .select2-selection:disabled,
.student-prof .select2-container--disabled .select2-selection {
    background-color: #E4E9F2 !important;
    border: 1px solid transparent !important;
    color: #8F9BB3 !important;
    cursor: not-allowed !important;
}

/* Select2-Input style */
.student-prof .select2-container {
  text-align: left !important;
  width: 100% !important;
  border-radius: 4px !important;
}

.student-prof .select2-selection {
  background-color: #fff;
  border: 1px solid #d5d5d5 !important;
  height: 40px !important;
}

.student-prof .select2-selection__rendered {
  color: #858585 !important;
  line-height: 33px !important;
  font-size: 14px !important;
}
.student-prof .select2-search:after {
  position: absolute;
  top: 3%;
  left: 92%;
}
.student-prof .select2-dropdown {
  width: 25% !important;
}

.student-prof .select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 28px;
}
.student-prof .select2-results ::-webkit-scrollbar {
  height: 4px;
  width: 6px;
}
.student-prof .select2-results ::-webkit-scrollbar-track {
  background: #e0e0e0;
  border-radius: 10px;
  border: 3.5px solid white;
  background-clip: content-box;
}
.student-prof .select2-results ::-webkit-scrollbar-thumb {
  background: #c0c0c0; 
  border-radius: 10px;
}
.student-prof .select2-results ::-webkit-scrollbar-thumb:hover { 
  background: #d0d0d0;
}

/*Radio button*/
.student-prof input[type=radio] {
    position: relative;
    cursor: pointer;
    top: 3px;
    height: 16px;
    width: 16px;
    margin-right: 5px;
    -webkit-transition: .4s !important;
    transition: .4s !important;
}
.student-prof input[type=radio]:disabled {
    border: none !important;
    cursor: not-allowed;
}


.student-prof .cardlayout {
    border-radius: 0px !important;
    box-shadow: none !important;
    margin-bottom: 4%;
}
.student-prof .card-head {
    color: #2E2E3D;
    font-size: 16px;
    font-weight: 600;
    padding: 12px 15px;
    text-transform: uppercase;
}
.student-prof .card-initial {
    border: 1px solid #9B9BAA;
    border-radius: 4px;
    color: #2E2E3D;
    padding: 15px 25px;
}


/* back page arrow */
.student-prof .backPage {
    border-radius: 50%;
    padding: 6px 7px 6px 6px;
    transition: 0.3s ease;
}
.student-prof .backPage:hover {
    background-color: rgba(143, 155, 179, 0.16) !important;
    border-radius: 50% !important;
    cursor: pointer;
}

/* Icons */
.student-prof .deleteIcon {
  color: #9B9BAA;
  cursor: pointer;
  font-size: 18px;
}
.student-prof .deleteIcon:hover {
    color: #FF5722;
}

.student-prof .form-group {
    margin-bottom: 30px;
}
.student-prof .noPad {
    padding: 0%;
}
.student-prof .padLeft5 {
    padding-left: 5px;
}
.student-prof .padRight5 {
    padding-right: 5px;
}
.student-prof .handCursor {
    cursor: pointer;
}
.student-prof .vertAlignMiddle {
    vertical-align: middle !important;
}
.student-prof label {
    font-weight: 400;
}
.student-prof .fieldHead { 
    font-weight: 600;
}


/* Side Form Nav */
.student-prof #sideNav {
    border-right: 1px solid #EEEEEE;
}
.student-prof #sideNav > .nav-tabs {
    border-bottom: 0;
    float: none;
    list-style: none;
    padding-left: 15px;
}
.student-prof #sideNav > .nav-tabs > li {
    display: block;
    font-size: 14px;
    float: none;
    margin: 4px 0 !important;
} 
.student-prof #sideNav > .nav-tabs > li > a {
    color: #555770 !important;
    font-family: inherit;
    margin: 0;
    padding: 8px 8px 8px 16px !important;
    text-transform: none;
}
/* , .student-prof #sideNav > .nav-tabs > li:hover:not(a[data-toggle="false"]) */
.student-prof #sideNav > .nav-tabs > li:hover:not([disabled]) {
    background-color: #3f51b533;
    border-radius: 8px 0px 0px 8px !important;
    cursor: pointer;
    font-weight: 600;
}
.student-prof #sideNav > .nav-tabs > li > a[data-toggle="false"] {
    color: #c4c4c4 !important;
    cursor: default;
}
.student-prof #sideNav > .nav-tabs > li.active > a, .nav-tabs > li:focus > a {
    background-color: #3F51B5 !important;
    border: none !important;
    border-radius: 8px 0px 0px 8px !important;
    color: #ffffff !important;
    font-weight: 600;
}


/* Appln form layout */
.student-prof #applnForm {
    border-left: 1px solid #EEEEEE;
}
.student-prof .tab-pane {
    padding: 0;
}
.student-prof .formFooter {
    padding: 14px 15px 22px;
    border-top: 1px solid #EEEEEE;
}
.student-prof .instruction ol li {
    line-height: 1.6;
}
.student-prof .instrctnHdr {
    background-color: #E1E1E1;
    font-weight: 600;
    margin-left: -14px;
    margin-right: -14px;
    padding: 10px 14px;
}
.student-prof .instrctnContent {
    height: 400px;
    overflow: auto;
}
.student-prof .formHead {
    color: #3F51B5;
    font-weight: 600;
    margin: 20px 0 30px;
}
.student-prof .subPanel {
    padding: 0 15px 3% 15px !important;
}

.student-prof .table {
    border: 1px solid #EEEEEE;
    border-radius: 4px !important;
}
.student-prof .table thead {
    background-color: #F5F7F8;
}
.student-prof .table thead th {
    color: #555770;
}
.student-prof .table > thead > tr > th {
    border: 0 !important;
}

.student-prof .photoUpldView {
    border: 1px solid #EEEEEE;
    width: 100px;
}
.student-prof .helpText {
    color: #555770;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding-top: 6px;
}
.student-prof .helpTextLabel {
    color: #555770;
    font-size: 13px !important;
    font-weight: 400 !important;
    padding-top: 2px;
}
.student-prof .helpInfoIcon {
    color: #7c7c7c;
    cursor: pointer;
    padding-left: 6px;
}

.student-prof .mandt {
    color: red;
}
.student-prof .fieldErr {
    color: red;
    font-size: 12px;
}

.student-prof .alert-info {
    background-color: transparent !important;
    border-color: #eb5757;
    border-radius: 4px !important;
    color: #eb5757;
}
.student-prof .alert-info i {
    color: #3f51b5;
    padding-right: 5px;
}
.student-prof .alert-danger {
    background-color: transparent !important;
    border-color: #eb5757;
    border-radius: 4px !important;
    color: #eb5757;
}
.student-prof .alert-danger i {
    color: #eb5757;
    padding-right: 5px;
}


@media (max-width: 760px) {
  .student-prof #sideNav {
    display: none;
  }
}

.student-prof .clickable-link {
  text-decoration: underline;
  color: #4051b5 !important;
}

.student-prof .content-black {
  color: #333 !important;
}

.student-prof .mrgn-top-btm-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.student-prof .margn-top-10 {
  margin-top: 10px;
}

.student-prof .printInstLogo {
  width: auto;
  height: 60px;
  object-fit: contain;
  padding: 4px;
}
.student-prof .printInstDetails {
  align-items: center;
  display: flex;
  height: 60px;
}
.student-prof .content-style {
  border: 1px solid #C5CEE0;
  height: 38px;
  border-radius: 5px;
  padding: 7px;
}
.student-prof .custm_content_border {
  border: 2px solid #3F51B5 !important;
  height: 38px !important;
  border-radius: 5px !important;
  padding: 7px !important;
}
.student-prof .pad_tp_8{
  padding-top: 8px !important;
}

  /* Online application common print CSS */
@media print {
  /* removes page header & footers */
  @page :footer { 
    display: none
  } 
  @page :header { 
    display: none
  } 
  
  /* @page { margin: 0; } */               /* removes page header & footers */
  /* body { margin: 1.4cm; } */             /* sets margin bcoz of header & footers removed */

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
      float: left;               
  }

  .col-sm-12 {
      width: 100%;
  }
  .col-sm-11 {
      width: 91.66666666666666%;
  }
  .col-sm-10 {
      width: 83.33333333333334%;
  }
  .col-sm-9 {
      width: 75%;
  }
  .col-sm-8 {
      width: 66.66666666666666%;
  }
  .col-sm-7 {
      width: 58.333333333333336%;
  }
  .col-sm-6 {
      width: 50%;
  }
  .col-sm-5 {
      width: 41.66666666666667%;
  }
  .col-sm-4 {
      width: 33.33333333333333%;
  }
  .col-sm-3 {
      width: 25%;
  }
  .col-sm-2 {
      width: 16.666666666666664%;
  }
  .col-sm-1 {
      width: 8.333333333333332%;
  }

  .student-prof input[type=text], .student-prof input[type=number]:not(.ngPagerCurrent), .student-prof input[type=search], 
  .student-prof input[type=email], .student-prof select, .student-prof .select2-selection {
    border: none !important;
    height: auto !important;
    white-space: normal;
    word-wrap: break-word !important;
  }
  .student-prof .select2-selection__rendered {
    white-space: normal !important;
    word-wrap: break-word !important;
  }
  .student-prof input[type=text]:disabled, .student-prof input[type=number]:disabled, .student-prof input[type=search]:disabled, 
  .student-prof input[type=email]:disabled, .student-prof select:disabled, .student-prof textarea:disabled, .student-prof input:read-only, 
  .student-prof textarea:read-only, .student-prof .select2-selection:disabled {
    color: #222B45 !important;
    opacity: 1 !important;
  }
    
  .student-prof .cardlayout {
    margin-top: -40px;
  }
  .student-prof .form-group {
    margin-bottom: 12px;
  }
  .student-prof .formHead {
    color: #8F9BB3 !important;
    margin: 10px 0 12px;
    text-transform: uppercase;
    text-decoration: underline;
  }
  .student-prof .subPanel {
    padding: 0 15px 10px 15px !important;
  }
  .student-prof .fieldHead {
    color: #3b3b3b !important;
    margin-bottom: 0px !important;
  } 
  .student-prof #printInitialPage {
    border-bottom: 1px solid #EEEEEE;
  }
  /* .student-prof custom-fields div[class*="subPanel"] {
    border-top: 1px solid #EEEEEE;
  } */
    
  .student-prof a[href]:after {
    content: none !important;
  }

  .student-prof .select2-selection__arrow, .student-prof .mandt, i.fa-info-circle, .student-prof .addAttchmnts, 
  .student-prof input[type="radio"]:not(:checked), .student-prof input[type="radio"]:not(:checked)~label, 
  .student-prof.hideOnPrint, .student-prof .hideOnPrint, .student-prof .helpText,
  .student-prof section-instruction-link, .student-prof .instruction, .student-prof .fieldErr {
    display: none !important;
  }

  .student-prof .hideInputBox {
    background: transparent !important;
    border: none !important;
    color: #222B45 !important;
    outline: none !important;
    padding-left: 0px !important;
    -moz-appearance: none !important;           /* Firefox */
    -webkit-appearance: none !important;        /* Chrome and Safari */
    appearance: none !important;
  }
}

input[type=checkbox].ace+.lbl-new::before, input[type=radio].ace+.lbl-new::before {
  cursor: pointer;
  font-family: fontAwesome;
  font-weight: 400;
  font-size: 12px;
  color: #fff;
  content: "\a0";
  background-color: #edeff3;
  border: 1px solid #d6d6d6;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgb(0 0 0 / 5%);
  display: inline-block;
  text-align: center;
  height: 16px;
  line-height: 14px;
  min-width: 16px;
  margin-right: 1px;
  position: relative;
  top: -1px;
}

input[type=checkbox].ace:checked+.lbl-new::before, input[type=radio].ace:checked+.lbl-new::before {
  display: inline-block;
  content: '\f00c';
  background-color: #3366FF;
  border-color: #3366FF;
  border-radius: 2px;
  box-shadow: 0 1px 2px rgba(0,0,0,.05),inset 0 -15px 10px -12px rgba(0,0,0,.05),inset 15px 10px -12px rgba(255,255,255,.1);
}


@media print {
  
  .relative-print_head {
    margin: 12px 0;
    color: #222B45;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
  }
  
  .grading-info_box {
    border: solid 1px #e4e9f2;
    margin-top: 24px;
  }
  
  .grading-info_box .row {
    margin: 0;
  }
  
  .grade-view_box {
    padding: 0;
  }
  
  .grading-box_cont {
    padding: 14px 8px;
  }
  
  .grading-box_cont .row {
    margin: 0;
  }
  
  .grading-box_cont .col-6 {
    padding: 0;
  }
  
  .grading-info_label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 24px;
  }
  
  .grading-info_list {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    padding-bottom: 10px;
  }
  
  .grading-info_cont {
    margin: 0;
    color: rgb(155, 155, 155);
    font-size: 14px;
    padding-bottom: 10px;
  }
  
  .grade-view_box-left {
    border-right: solid 1px #e4e9f2;
  }
  
  .grading-view_list {
    margin-top: 24px;
    padding: 0px;
  }
  
  .grading-label_header {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 6px;
  }
  .course-view_list{
    padding: 0 10px;
  }

  .grading-label_lists {
    margin: 0;
    font-size: 14px;
    padding-top: 8px;
  }
  
  .stud-view_box {
    border: solid 1px #e4e9f2;
    margin-top: 24px;
    padding: 12px;
  }
  
  .stud-view_list {
    margin-top: 38px;
    page-break-after: always;
  }
  
  .grade-view_label {
    margin: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
    padding: 14px 0;
  }
  
  .stud-grade_header {
    margin: 0;
    padding-bottom: 12px;
  }
  
  .stud-view_head {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }
  
  .stud-table_head {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
  }
  
  .stud-table_list {
    margin: 0;
    padding-bottom: 20px;
  }
  
  .stud-table_header {
    margin-top: 28px;
  }
  
  .stud-table_header {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
  }
  
  .stud-grade_box {
    border: solid 1px #e4e9f2;
    margin-top: 24px;
  }
  
  .stud-table_graph {
    margin-top: 28px;
    page-break-after: always;
  }
  
  .grade-table_header {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
  }
  
  .grade-table_border {
    border-right: solid 1px #e4e9f2;
    padding: 30px 4px;
  }
  
  .grading-all_table {
    width: 100%;
  }
  
  .grading-all_table tr th {
    background-color: #ffffff;
    font-size: 14px;
    color: #222B45;
    padding: 16px 10px;
    font-weight: 600;
  }
  
  .grading-all_table tbody tr:nth-child(odd) {
    background-color: #F7F9FC;
  }
  
  .grading-all_table tbody tr {
    background-color: #ffffff;
  }
  
  .grading-all_table tr td {
    font-size: 14px;
    color: #222B45;
    padding: 8px 12px;
  }
  .relative-grade-table{
    margin-top: 20px;
  }
  .custom_field_style_width{
    margin-top: 20px;
  }

}
@media print {
  .address-label_print{
      word-wrap: break-word !important;
   }
   .print-header_label{
    color: #222B45;
    font-weight: 600;
   }
}


/* ................element style css................... */


/* ...........camu btn ........... */
.camu-success_btn{
  border-radius: 2rem;
  background: #C4D5C8;
  color: #439753;
  border: 1px solid #C4D5C8;
}
.camu-failed_btn{
  border-radius: 2rem;
  background: #E6C8C8;
  color: #EB5757;
  border: 1px solid #C4D5C8;
}

.camu-btn_primary {
	background-color: #3366FF;
	border-radius: 4px;
	padding: 12px;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	outline: none;
	border: none;
  text-transform: uppercase;
}

.camu-btn_primary:hover {
	background-color: #274BDB;
}

.camu-btn_primary:active {
	background-color: #274BDB;
	outline: none;
	border: none;
}

.camu-btn_primary:focus {
	background-color: #274BDB;
	outline: none;
	border: none;
}

.camu-btn_primary:disabled {
	background-color: #7E8BA5;
	cursor: not-allowed;
}


.camu-btn_secondary {
	background-color: #FFFFFF;
	border: 1px solid #C5CEE0;
	border-radius: 4px;
	padding: 12px;
	font-weight: 700;
	font-size: 14px;
	color: #222B45;
	outline: none;
  text-transform: uppercase;
}

.camu-btn_secondary:hover {
	background-color: #edeef3;
}

.camu-btn_secondary:active {
	background-color: #3366ff26;
	outline: none;
	border: 1px solid #3366FF;
	color: #3366FF;
}

.camu-btn_secondary:focus {
	background-color: #3366ff26;
	outline: none;
	border: 1px solid #3366FF;
	color: #3366FF;
}

.camu-btn_secondary:disabled {
	border: 1px solid #C5CEE0;
	color: #7E8BA5;
	cursor: not-allowed;
	background-color: #fff;
}


.camu-btn_tertiary {
	background-color: #EB5757;
	border-radius: 4px;
	padding: 12px;
	font-weight: 700;
	font-size: 14px;
	color: #fff;
	outline: none;
	border: none;
  text-transform: uppercase;
}

.camu-btn_tertiary:hover {
	background-color: #D03030;
}

.camu-btn_tertiary:active {
	background-color: #D03030;
	outline: none;
	border: none;
}

.camu-btn_tertiary:focus {
	background-color: #D03030;
	outline: none;
	border: none;
}

.camu-btn_tertiary:disabled {
	background-color: #7E8BA5;
	cursor: not-allowed;
}


.camu-btn_small {
	padding: 6px 10px;
}
.grid-btn_transform{
  text-transform: none;
}
.camu-btn_rounded {
  border-radius: 26px;
}


/* ..........camu select option............... */

.select-option_default {
	position: relative;
	width: auto;

}

.select-option_small {
	position: relative;
	max-width: 300px;
}

.camu-select_primary {
	background-color: #F7F9FC;
	border: 1px solid #C5CEE0;
	border-radius: 4px;
/*	min-width: 240px;*/
	font-size: 14px;
	color: #222B45;
	padding: 10px 38px 10px 16px;
	height: auto;
}

.camu-select_primary:focus {
	border: 1px solid #3366FF;
}

.camu-select_primary {
	-moz-appearance: none;
	-webkit-appearance: none;
}

.camu-select_block {
	width: 100%;
}

.select-arrow_view {
	position: absolute;
	top: 18px;
	left: auto;
	right: 16px;
}
.camu-select_primary:disabled{
  background-color: #edeef3 !important;
  outline: none;
  border: none !important;
  cursor: not-allowed;
}

/* ..........camu input............... */

.camu-input_default[type=text], .camu-input_default[type=email], .camu-input_default[type=number] {
	background: #F7F9FC;
	border: 1px solid #C5CEE0;
	border-radius: 4px !important;
	color: #222B45;
	font-size: 14px;
	padding: 10px 16px;
}

.camu-input_default:focus {
	border: 1px solid #3366FF !important;
}

.input-block_view {
	width: 100%;
}
.camu-input_default:disabled {
  background-color: #edeef3 !important;
  outline: none;
  border: none !important;
  cursor: not-allowed;
}
.input-default_view {
  min-width: 340px;
}

/* ...........camu checkbox .......... */

.checkbox-option_default input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}

.checkbox-option_default label {
	position: relative;
	margin-bottom: 0px;
	color: #222B45;
	font-size: 13px;
}

.checkbox-option_default label:before {
	content: '';
	width: 20px;
	height: 20px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	margin-right: 8px;
	border: 1px solid #d6d6d6;
	border-radius: 4px;
	background-color: #eaebf0;
	margin-top: -2px;
	cursor: pointer;
}


.checkbox-option_default input:checked+label:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 7px;
	width: 6px;
	height: 12px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	cursor: pointer;
}

.checkbox-option_default input:checked+label::before {
	background-color: #3366FF;
}

.checkbox-option_default input:disabled+label::before {
	background-color: #cacbd3;
	cursor: not-allowed;
}



/* ........camu modal css............... */

.camu-modal_default {
  background-color: #FFFFFF;
  border-radius: 8px;
  overflow: hidden;
}

.camu-modal_small {
  max-width: 400px;

}

.modal-view_header {
  padding: 20px;
  position: relative;
}

.modal-close_btn {
  position: absolute;
  left: auto;
  top: 20px;
  right: 20px;
  z-index: 99999;
  height: 24px;
  cursor: pointer;
}

.modal-header_label {
  text-align: center;
  font-size: 16px;
  color: #222B45;
  font-weight: 600;
  margin: 0;
  padding-right: 24px;
  word-wrap: break-word;
}

.modal-view_container {
  padding: 8px 20px 24px 20px;
}

.modal-cont_label {
  margin: 0;
  color: #222B45;
  font-size: 13px;
}

.modal-view_footer {
  border-top: 1px solid #EDF1F7;
  padding: 16px 20px;
  display: flex;
  justify-content: end;
  gap: 16px;

}

.text_center {
  text-align: center;
}

/* ...............camu searchbar css.........  */


.camu-search_box{
    padding: 10px 38px 10px 16px !important;
    background-color: #F7F9FC !important;
    border: 1px solid #C5CEE0 !important;
    color: #222B45 !important;
    font-size: 14px;
    width: 100%;

}

.icon-search_box{
    position: absolute;
    left: auto;
    right: 14px;
    font-size: 20px;
    top: 10px;
    color: #7E8BA5;
    cursor: pointer;
}
.camu-search_box:focus {
  border: solid 1px #3366FF !important;
}
.camu-search_box:focus + .icon-search_box{
  color: #3366FF;
}

.search-input_block{
    width: 100%;
    position: relative;
}
.search-input_medium{   
  position: relative;
  width: 340px;
}
/* ...........camu calendar css..... */

.date-option_default {
	position: relative;
}

.camu-calendar_primary {
	background-color: #F7F9FC !important;
	border: 1px solid #C5CEE0 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	color: #222B45 !important;
	padding: 10px 46px 10px 16px !important;
	height: auto !important;
	width: 100% !important;
}

.camu-calendar_primary {
	background: url("data:image/svg+xml;utf8,<svg  width='24' height='24' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' ><rect x='3' y='4' width='18' height='18' rx='2' ry='2'></rect><line x1='16' y1='2' x2='16' y2='6'></line><line x1='8' y1='2' x2='8' y2='6'></line><line x1='3' y1='10' x2='21' y2='10'></line></svg>") no-repeat;
  background-position: right 12px top 8px;
  background-size: 22px 22px;
}
.camu-calendar_primary:disabled {
  background-color: #edeef3 !important;
  outline: none;
  border: none !important;
  cursor: not-allowed;
}

/* ...........camu clock css..... */

.clock-option_default {
	position: relative;
}

.camu-clock_primary {
	background-color: #F7F9FC !important;
	border: 1px solid #C5CEE0 !important;
	border-radius: 4px !important;
	font-size: 14px !important;
	color: #222B45 !important;
	padding: 10px 46px 10px 16px !important;
	height: auto !important;
	width: 100% !important;
}

.camu-clock_primary {
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='gray' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' ><circle cx='12' cy='12' r='10'></circle><polyline points='12 6 12 12 16 14'></polyline></svg>") no-repeat;
  background-position: right 12px top 8px;
  background-size: 22px 22px;
}
.camu-clock_primary:disabled {
  background-color: #edeef3 !important;
  outline: none;
  border: none !important;
  cursor: not-allowed;
}


/* ...........camu toggle css .......*/


.camu-toggle_switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 24px;
	margin-bottom: 0px;
}

.camu-toggle_switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider-toggle_view {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider-toggle_view:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 2px;
	top: 1px;
	background-color: #ffffff;
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-default_cont:checked+.slider-toggle_view {
	background-color: #3366FF;
}

.toggle-default_cont:focus+.slider-toggle_view {
	box-shadow: 0 0 1px #3366FF;
}

.toggle-default_cont:checked+.slider-toggle_view:before {
	-webkit-transform: translateX(15px);
	-ms-transform: translateX(15px);
	transform: translateX(15px);
}

.slider-toggle_view.round {
	border-radius: 38px;
	background: rgba(143, 155, 179, 0.16);
	border: 1px solid #C5CEE0;
}

.toggle-default_cont:checked+.slider-toggle_view.round {
	border: 1px solid #3366FF;
}

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


/* ........camu radio btn css............ */

.camu-radio_primary{
  margin: 0
}
.radio-btn_label{
  color: #222B45;
  font-size: 14px;
}

.radio-btn_primary{
  width: 16px;
  height: 16px;
  top: -1px;
  accent-color:#3366FF;    
}

/* ..........camu text area css.......... */
.camu-text_area{
  background-color: #F7F9FC;
  border: 1px solid #C5CEE0;
  border-radius: 4px !important;
  padding: 10px 16px;
  width: 100%;
  color: #222B45;
  font-size: 14px;
}
.camu-text_area:focus{
  background-color: #F7F9FC;
  border: 1px solid #C5CEE0;
  color: #222B45;
}
.camu-text_area:disabled{
  background-color: #edeef3 !important;
  outline: none;
  border: none !important;
  cursor: not-allowed;
}

/* ..............text css............... */

.label-view_cont {
	margin: 0;
	font-size: 14px;
	color: #222B45;
	padding-bottom: 6px;
}

.container-block_view{
    margin: 16px !important;
  }
  .alert-cont_label{
    margin-top: 8px !important;
    gap: 6px !important;
  }
  .alert-cont_label svg{
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
  }
  .alert-box_primary {
  background-color: #ECF5FE;
  border: 2px solid #0D9BE1;
}
.camu-table_view {
  width: 100%;
  background-color: #ffffff;
}
.table-head_view {
  background-color: #E2F3FB;
}

.table-head_view tr th {
  padding: 12px 16px;
  font-weight: 600;
  font-size: 12px;
  color: #091E42;
  text-transform: uppercase;
}
 .table-head_view tr th{
    padding: 8px !important;
    white-space: nowrap;

  }
  .table-head_view tr th {
    white-space: nowrap;

  }
  .table-cont_box tr td {
  padding: 12px 16px;
  font-weight: normal;
  font-size: 14px;
  color: #091E42 !important;
}

.table-cont_box tr {
  border-bottom: 1px solid #DFE1E5 !important;
}

.table-cont_box tr:last-child {
  border-bottom: none !important;
}
 .table-cont_box tr td{
    font-size: 13px !important;
    padding: 8px !important;
    white-space: nowrap;
  }
  .table-cont_box tr td {
    white-space: nowrap;
  }
    .table-cont_box tr td{
    font-size: 13px !important;
    padding: 8px !important;
    white-space: nowrap;
  }
  .border_radius_8 {
    border-radius: 8px;
  }
  .pad_left_30 {
    padding-left: 30px !important;
  }
  .mar_top_3 {
    margin-top: 3px;
  }

  @media screen and (max-width: 600px) {
    .mobile-nav_container .institute-name-wrapper .inst-name_multi{
        width: 120px !important;
        margin-left: 8px !important;

    }
    .mobile-nav_container .institute-name-wrapper .multi-inst_options_icon{
        width: 30px !important;
    }
    .institute-name-wrapper{
        align-items: center;
        gap: 8px !important;
    }
    .multi-inst_options{
        right: 10% !important;
        left: 15% !important;
    }
      .mobile-nav_container .institute-name-wrapper .inst-name_sub_list{
        width: 100% !important;
    }
  }