/* Add here all your CSS customizations */



body {
    font-size: 16px;
    font-family: 'Lora', serif;
    line-height: normal;
    color: #000;
    background: #f1f1f1;
}

    body p {
        line-height: 1.5em;
        color: #000;
    }

#innermain {
    background: #fff;
   /* border: solid 1px #808080;*/
   padding-top:25px;
    
    
}

.btn {
    font-family: Arial, sans-serif !important;
    font-size:0.9em !important;
}

#page p {
    margin: 0;
}

#page a {
    color: #005da3;
}

.blogtitle {
    font-size: 26px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: normal;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight:bold;
}

.sectiontitle {
    font-size: 40px;
    font-family: 'Roboto Condensed', sans-serif !important;
    line-height: normal;
    font-weight: bold;
    margin-bottom:25px;
}

.section {
    font-size: 40px;
    line-height: normal;
    text-transform: capitalize;
    font-style: italic;
}

#page .row {
    width:100%;
}

#page  ul {
    list-style: initial;
    margin-top: 0px;
}

#page .super {
    vertical-align: top;
    font-size: 0.7em;
}

#page hr {
    display: none;
}

#footer {
    background: #005da3;
    border:none;
    margin-top: 35px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    position: relative;
    clear: both;
    color: #ffffff;
    margin-bottom: 0px;
    text-align:center;
}

.top-container {
    background-color: #005da3;
    color: white;
    padding: 10px 15px 15px 15px;
    text-align: right;
}

.header {
    padding: 10px;
    background: #d4d4d4;
    color: #005da3;
    border:solid 1px #bebebe;
    z-index:1000;
   
}


.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

    .sticky + .content {
        padding-top: 102px;
    }

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

#sidebar {
    width: 250px;
    position: fixed;
    top: 55px;
    left: -250px;
    height: 100vh;
    z-index: 999;
    background: #fff;
    color: #005da3;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

    #sidebar.active {
        left: 0;
    }

#dismiss {
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background: #fff;
    border: solid 1px #005da3;
    border-radius: 5px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

    #dismiss:hover {
        background: #fff;
        color: #7386D5;
    }

.overlay {
    display: none;
    position: fixed;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    opacity: 0;
    transition: all 0.5s ease-in-out;
}

    .overlay.active {
        display: block;
        opacity: 1;
    }

#sidebar .sidebar-header {
    padding-left: 8px;
    background: #f1f1f1;
    color: #005da3;
    border-bottom: dotted 1px #005da3;
    border-top: dotted 1px #ccc;
}

#sidebar ul.components {
    padding: 20px 0;
    border-bottom: 1px solid #47748b;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

    #sidebar ul li a:hover {
        color: #7386D5;
        background: #fff;
    }


a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

#sidebar .tree table td {
   vertical-align:top !important;
   font-family:'Arial Narrow', Arial, sans-serif
}
#sidebar .tree table td a {
    color:#626262
}
#sidebar .treeNodeSelected {
    color: #005da3
}

.expandIcon {
    float: right;
    font-size: 18px !important;
}
.sNote {
    width: 100%;
    height: fit-content;
    overflow: hidden;
    font-family: 'Kite One', sans-serif;
    font-weight: bold;
    font-size: 12px;
    color: #1a7fc4;
    margin-bottom: 20px !important;
}
    .sNote p {
        font-size: 12px;
        color: #1a7fc4;
        margin-bottom: 20px !important;
    }
article {
    -webkit-column-width: 300px;
    -moz-column-width: 300px;
    column-width: 300px;
    -webkit-column-gap: 4em;
    -moz-column-gap: 4em;
    column-gap: 4em;
    -webkit-column-rule: 1px dotted #000;
    -moz-column-rule: 1px dotted #000;
    column-rule: 1px dotted #000;
}

 article .alpha_header {

        margin:20px 0px 20px 0px;
        line-height:26px;
        font-size:22px;
        font-weight:bold;
        width:100%;
        border-bottom:1px dotted #000;
    }

    article .alpha {

        margin:0px;
        line-height:20px;

    }

    .rgAltRow, .rgRow
    {
        cursor: pointer !important;
    }

    .RadGrid_Bootstrap .rgFilterBox 
{
    color: #1f7ab9;
}




.formGroup {
    display: block;
    width: 100%;
    
    padding: 6px 12px;
    font-size: 12.7px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.displayLabel {
    font-size: 10px;
    font-weight:bold;
    text-transform:uppercase;
    line-height: 1.42857143;
    color: #e95d3c;
    width:50%;
    margin:0px;
    padding:0px;
    border-bottom:solid 1px #d0d0d0;
}

.displayItem {
    font-size: 16px;
    line-height: 1.42857143;
    color: #000;
    width:100%;
    margin:0px;
    padding:0px;
   
}

.displayItem ul { 
  list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}
.displayItem ol { 
  list-style: initial;
    margin: initial;
    padding: 0 0 0 40px;
}



.container-box {
    width:100%;
    border:solid 1px #d0d0d0;
    border-top:none;
    padding-bottom:25px;

    border-radius:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
}

.container-box-header {
    background-color:#d0d0d0;
    height:36px;
    width:100%;
    color:#002244;
    padding-top:4px;
    padding-left:15px;
    padding-right:15px;
    margin-bottom:15px;
    border-top-left-radius:10px;
    border:solid 1px #d0d0d0;
	-moz-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-o-border-top-left-radius:10px;
	-ms-border-top-left-radius:10px;

    border-top-right-radius:10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-o-border-top-right-radius:10px;
	-ms-border-top-right-radius:10px;
}

.container-main {
    padding:20px;
}

.reSelectedMode {

    background-image:none !important;
    background-color:#1f7ab9 !important;
}


.tp-caption img {
    width:280px !important;
    height:280px !important;
}

.top-label {
    font-size:3.2em !important;
}


.RadToolTip_Default {
    background-color:#002244 !important;
    border-color:#002244 !important;
}

.RadToolTip_Default .rtContent {
    color:#fff;
    }

.rtCallout, .rtCallout:before {
    border-top-color:#002244 !important;
}


.RadToolTip_Silk {
    background-color:#fff !important;
    border-color:#002244 !important;
}
.RadToolTip_Silk .rtContent {
    color:#000;
    }

.RadRating_Silk a {
    color: #ff6a00 !important;
}

.radio,
.checkbox {
  display: block;
  min-height: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 25px;
}
.radio label,
.checkbox label {
  display: block;
  font-weight: normal;
  cursor: pointer;
  margin-left:-20px;
}
.checkboxlist td {
    width:100% !important;
    text-wrap:avoid;
    font-size:13px;
}

.checkboxlist td input {
        margin-right: 5px;
    }
.tag_icon {
    border:1px solid #808080;
    display:inline-block;
    padding:2px;
    background-color:#1f7ab9;
    color:#ffffff;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
    font-family:Arial;
    font-size:11px;
    font-weight:100 !important;
    height:23px;
    text-align: left;
    margin:2px;


}
.function_icon {
    border:1px solid #808080;
    display:inline-block;
    padding:3px;
    background-color:#dcdcdc;
    color:#808080;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
    font-family:Arial;
    font-size:11px;
    font-weight:100 !important;
    width:100px;
    text-align: center;

}

a.function_icon .fa {
         color:#808080;
    }

.function_icon.on{
    border:1px solid #002244;
    background-color:#002244;
    color:#fff;
}

/*a .fa{
    color:#002244;
}*/

    a.function_icon.on .fa {
         color:#fff;
    }
.searchbox1 {
    width:65%;
}

.searchbox2 {
    width:calc(65% - 36px);
}
.searchbutton {
    display:inline-block; 
    background-color:#1f7ab9;
    color:#fff !important;
    padding:5px 7px 2px 7px;
    font-weight:100 !important;
    font-size:22px;
    border-radius:5px;
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
    height:34px;
    
}



.card {
    height:410px; 
    width:280px; 
    display:inline-block;
    margin:4px !important;
    text-align:left !important;
    vertical-align: top;
}

.card img{
    width:100%; 
}

.cardImg {
    height:246px;
    overflow:hidden;
    border:dotted 1px #808080;
    
}
.tagSelectionCol {
    width: 200px;
    /*float: left;
    position: relative;*/
    
    padding-right: 0px;
    padding-left: 0px;
    padding-top:0px;
    box-sizing: border-box;
    display:block;
    font-size:12px;

}



Table.horizantal-RadioButtonList {
    display:inline-block;
}

Table.horizantal-RadioButtonList td {
   padding-right:15px;
}
Table.horizantal-RadioButtonList td input {
    margin-right: 5px;
}

.parentNode {
    color:#1f7ab9;
    font-weight:bold;
    font-size:11px;
    letter-spacing:0.01em;
}

.childNode {
    color:#002244;
    font-weight:normal;
    font-size:12px;
    letter-spacing:0.01em;
}

.appstoreicon img{
    width:40px;
}


/* EMS related pages */
.page-header {
    background-color: #f1f1f1;
    border-bottom: 1px solid #ccc;
    
    margin-top: 0px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 35px;
    padding-top: 28px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 9px;
    position: relative;
    text-align: left;
    background-image:none;
}



    .page-header h1 {
        border-bottom: 5px solid #005da3 !important;
        color: #005da3;
        display: inline-block;
        font-weight: 400;
        margin-top: 0;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: -14px;
        min-height: 37px;
        font-size: 1.6em;
        line-height: 33px;
        padding-top: 0;
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 28px;
        position: relative;
    }


.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgb(0 0 0 / 25%);
    background-color: #005da3 !important;
    border:none !important;
}

.form-group{
    width:100% !important;
}






/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #d0d0d0;
    opacity:1;
    margin: 2% auto; /* 15% from the top and centered */
    padding: 0px 2px 0px 1px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
    height:90%;
    z-index: 999991; /* Sit on top */
    border-radius:15px;
    -moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-o-border-radius:15px;
	-ms-border-radius:15px;
}

/* The Close Button */
.dbclose {
   color: black;
    opacity:.2;
    font-size: 26px;
    font-weight: bold;
    padding:8px;
    float:right;
    display:block;
}

.dbclose:hover,
.dbclose:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}





.rotatorStyle {
    margin: 0 auto;
    width:980px !important;
    height:320px !important;
    border-radius:0px !important;
   
}
.rotatorStyle .RotatorItem {

    height: 320px;
    width: 980px;
    /*border: solid 1px #dff3ff !important;*/
    border-radius:0px !important;
}





.nopadding {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;	
	
}

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

.nopadding-r {
	padding-top: 0px;
	padding-right: 15px;
	padding-left: 0px;
	padding-bottom: 0px;	
		width: 28.5%;

	
}
@media print {
    .col-lg-9 {
        flex: 0 0 75% !important;
        max-width: 75% !important;
    }
    }
    .col-lg-3 {
        flex: 0 0 25% !important;
        max-width: 25% !important;
    }


}






@media   (max-width: 376px) {
    .card {
       
        width:100%; 
        display:inline-block;
        margin:4px !important;
        padding:3px !important;
    }
    .cardImg {
        height:270px; 
        overflow:hidden;        
    }  
    
    .tags_sub {
        width:100% !important;
    }
    #header .header-logo img {
        height:20px;
    }
    .header-search h1{
         font-size:1.0em;
    }
    .top-label {
    font-size:1.2em !important;
    }
     .bottom-label {
        width:240px !important;
    }
    .tp-caption img {
    width:85px !important;
    height:85px !important;
    }
    #howtouse {
        display: none !important;
    }

    .mobileWrap {
        display:block !important;
        margin-right:24px;
        margin-top:4px;
    }
    .searchbox1 {
        width:240px;
    }

    .mobile-sm {
        font-size:.2em;
    }
}


@media  (min-device-width : 376px)
and  (max-width: 480px) {
    .card {
       
        width:100%; 
        height: 475px;
        display:inline-block;
        margin:4px !important;
        padding:3px !important;
    }
    .cardImg {
        height:324px; 
        overflow:hidden;
        
    }
    .tags_main {
        display:none !important;
    }
    .tags_sub {
        width:100% !important;
    }
    #header .header-logo img {
        height:20px;
    }
    .header-search h1{
        font-size:1.2em;
    }
    .top-label {
    font-size:1.2em !important;
    }
    .bottom-label {
        width:260px !important;
    }
      .tp-caption img {
    width:85px !important;
    height:85px !important;
    }
      #howtouse {
         display: none !important;
    } 
     .mobileWrap {
        display:block !important;
        margin-right:24px;
        margin-top:4px;
    }
    .searchbox1 {
        width:240px;
    }
    .mobile-sm {
        font-size:.2em;
    }
}

@media  (min-device-width : 480px)
and  (max-width: 668px) {
    .card {
       height:440px; 
        width:48%; 
        display:inline-block;
        margin:4px !important;
        padding:3px !important;
    }
    .cardImg {
        height:296px; 
        overflow:hidden;
        
    }
   
    .tags_sub {
        width:100% !important;
    }

    #header .header-logo img {
        height:28px;
    }
    .header-search h1{
        font-size:1.8em;
    }
    .top-label {
    font-size:2.2em !important;
    }
    .bottom-label {
        width:400px !important;
    }
      .tp-caption img {
    width:160px !important;
    height:160px !important;
    }
      
      #howtouse {
        display: none !important;
    } 
      .mobile-sm {
        font-size:.4em;
    }
    
}

@media (min-device-width : 668px)
and (max-device-width : 991px) {

    .card {
    height:440px; 
    width:42%; 
    display:inline-block;
    margin:4px !important;
    padding:3px !important;
    }
    .cardImg {
        height:300px; 
        overflow:hidden;
    }
    
    .tags_sub {
        width:100% !important;
    }
    #header .header-logo img {
        /*height:28px;*/
    }
    .header-search {
        margin-top:0px;
    }
    .header-search h1{
        font-size:1.8em;
    }
    .top-label {
    font-size:2.2em !important;
    }
    .bottom-label {
        width:400px !important;
    }
       .tp-caption img {
    width:180px !important;
    height:180px !important;
    }
       #howtouse {
        display: none;
    } 
       .mobile-sm {
        font-size:.4em;
    }
   
}

@media (min-device-width : 992px)
and (max-device-width : 1025px) {

    .card {
    height:475px; 
    width:48%; 
    display:inline-block;
    margin:4px !important;
    padding:3px !important;
    }
    .cardImg {
        height:324px; 
        overflow:hidden;
    }
    .top-label {
    font-size:2.8em !important;
    }
    .bottom-label {
        width:500px !important;
    }
       .tp-caption img {
   width:180px !important;
    height:180px !important;
    }
       #howtouse {
        display: none;
    } 
       .mobile-sm {
        font-size:.6em;
    }
}

@media (min-device-width : 1025px)
and (max-device-width : 1116px) {

    .card {
    height:400px; 
    width:48%; 
    display:inline-block;
    margin:4px !important;
    padding:3px !important;
    }
    .cardImg {
        height:200px; 
        overflow:hidden;
    }
   .top-label {
    font-size:2.8em !important;
    }
    .bottom-label {
        width:600px !important;
    }
    .tp-caption img {
   width:180px !important;
    height:180px !important;
    } 
   .mobile-sm {
        font-size:.6em;
    }
}


@media  (min-device-width : 1116px)
and (max-device-width : 1200px) {

    .card {
    height:400px; 
    width:48%; 
    display:inline-block;
    margin:4px !important;
    padding:3px !important;
    }
    .cardImg {
        height:200px; 
        overflow:hidden;
    }

    
}


@media screen and (min-width:1026px){
	
      .tags-main {
        display:block !important;
    }
    
    .tags_main_button {
        display:none !important;
    }


}


/*@media (max-width: 600px) {
    .card {
    height:400px; 
    width:160px; 
    display:inline-block;
    margin:4px !important;
    padding:3px !important;
    }
}*/


@media  (padding: 20px) {

    .nopadding2 {
        padding: 0px;
        margin-right: 12px;
        margin-bottom: 12px;
        margin-top: 7px;
        width: 26.5%;
    }

    .content-pg {
        width: 22%;
    }

    .form-sub {
        width: 49%;
        padding: 10px;
    }

    .two-half {
        width: 23%;
        padding: 0px;
    }

    
}

#ccpBody img {
    margin:5px;
}