body {font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;font-weight: 400;overflow-x: hidden;overflow-y: auto;position: static;}
a:focus { outline: none !important; text-shadow: none !important; }
a, a:hover, a:active { outline: 0 !important; text-decoration: none !important; }
.clearfix { clear: both; }

/* Removing input background colour for Chrome autocomplete */
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { transition: background-color 99999s ease-in-out 0s !important;  -webkit-box-shadow: 0 0 0px 1000px white inset !important;}


.underline{text-decoration: underline !important;}
/* Begin generic classes style */
/* labels */
.border-box{box-sizing: border-box;} 
label { cursor: default; }
label em { color: red; }
.badge { background: #999; border-radius: 2px; color: #fff; display: inline-block; font-size: 11px; font-weight: 500; line-height: 1; min-width: 10px; padding: 3px 7px 3.5px; text-align: center; vertical-align: middle; white-space: nowrap; text-shadow: none; }
.round-wrap { border-radius: 98%; color: #fff; display: inline-block; font-size: 11px; height: 20px; min-width: 10px; padding: 0 6px; text-align: center; }

.badge.light,
.badge.light:hover {
    background: #e9e9e9;
    color: #666;
}
 
.body-bg { background: #f9f9f9 !important; }
.bod-all{border:1px solid #E0E0E0;}
.bod-top{border-top:1px solid #E0E0E0;}
.bod-left{border-left:1px solid #E0E0E0;}
.bod-right{border-right:1px solid #E0E0E0;}
.bod-radius{border-radius:3px }
.bod-red{border:1px solid #F44336 !important;}
.bod-blue{border:1px solid #2196F3 !important;}
.bod-green{border:1px solid  #4CAF50 !important;}
.bod-yellow{border:1px solid #FF9800 !important;}
.bod-gray { border:1px solid #9E9E9E !important; }
 
/* Margin begin */
.m-auto{margin-left: auto !important;margin-right: auto !important;}
.m-0 { margin: 0 !important; }
.m-1 { margin: 1px !important; }
.m-2 { margin: 2px !important; }
.m-3 { margin: 3px !important; }
.m-4 { margin: 4px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-t-0 { margin-top: 0 !important; }
.m-t-1 { margin-top: 1px !important; }
.m-t-2 { margin-top: 2px !important; }
.m-t-3 { margin-top: 3px !important; }
.m-t-4 { margin-top: 4px !important; }
.m-t-5 { margin-top: 5px !important; }
.m-t-6 { margin-top: 6px !important; }
.m-t-10 { margin-top: 10px !important; }
.m-t-12 { margin-top: 12px !important; }
.m-t-13 { margin-top: 13px !important; }
.m-t-15 { margin-top: 15px !important; }
.m-t-20 { margin-top: 20px !important; }
.m-t-25 { margin-top: 25px !important; }
.m-t-30 { margin-top: 30px !important; }
.m-t-35 { margin-top: 35px !important; }
.m-t-50 { margin-top: 50px !important; }
.m-t-75 {margin-top: 75px  !important; }
.m-r-0 { margin-right: 0px !important; }
.m-r-5 { margin-right: 5px !important; }
.m-r-10 { margin-right: 10px !important; }
.m-r-15 { margin-right: 15px !important; }
.m-r-20 { margin-right: 20px !important; }
.m-r-25 { margin-right: 25px !important; }
.m-r-40 { margin-right: 40px !important; }
.m-b-0 { margin-bottom: 0px !important; }
.m-b-5 { margin-bottom: 5px !important; }
.m-b-10 { margin-bottom: 10px !important; }
.m-b-15 { margin-bottom: 15px !important; }
.m-b-20 { margin-bottom: 20px !important; }
.m-b-25 { margin-bottom: 25px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-50 { margin-bottom: 50px !important; }
.m-b-100 { margin-bottom: 100px !important; }
.m-b-150 { margin-bottom: 150px !important; }
.m-l-0 { margin-left: 0px !important; }
.m-l-5 { margin-left: 5px !important; }
.m-l-10 { margin-left: 10px !important; }
.m-l-15 { margin-left: 15px !important; }
.m-l-20 { margin-left: 20px !important; }
.m-l-25 { margin-left: 25px !important; }
.m-l-30 { margin-left: 30px !important; }
.mm-t-20{margin-top: -20px !important; }
.mm-t-10{margin-top: -10px !important; }
.mm-r-5 { margin-right: -5px !important; }
.mm-r-20 { margin-right: -20px !important; }
.mm-r-30 { margin-right: -30px !important; }
.mm-l-5 { margin-left: -5px !important; }
.mm-l-10 { margin-left: -10px !important; }
.mm-10 { margin-right: -10px; margin-left: -10px; }
.mm-20 { margin-right: -20px; margin-left: -20px; }
.mm-30 { margin-right: -30px; margin-left: -30px; }
.m-auto{ margin-left: auto !important;margin-right: auto !important; }

/* Margin end */

/* Padding begin */
.p-0 { padding: 0px !important; }
.p-5 { padding: 5px !important; }
.p-10 { padding: 10px !important; }
.p-15 { padding: 15px !important; }
.p-20 { padding: 20px !important; }
.p-25 { padding: 25px !important; }
.p-t-0 { padding-top: 0px !important; }
.p-t-5 { padding-top: 5px !important; }
.p-t-10 { padding-top: 10px !important; }
.p-t-15 { padding-top: 15px !important; }
.p-t-20 { padding-top: 20px !important; }
.p-t-25 { padding-top: 25px !important; }
.p-r-0 { padding-right: 0px !important; }
.p-r-5 { padding-right: 5px !important; }
.p-r-10 { padding-right: 10px !important; }
.p-r-15 { padding-right: 15px !important; }
.p-r-20 { padding-right: 20px !important; }
.p-r-25 { padding-right: 25px !important; }
.p-r-30 { padding-right: 30px !important; }
.p-b-0 { padding-bottom: 0px !important; }
.p-b-5 { padding-bottom: 5px !important; }
.p-b-10 { padding-bottom: 10px !important; }
.p-b-15 { padding-bottom: 15px !important; }
.p-b-20 { padding-bottom: 20px !important; }
.p-b-25 { padding-bottom: 25px !important; }
.p-l-0 { padding-left: 0px !important; }
.p-l-5 { padding-left: 5px !important; }
.p-l-10 { padding-left: 10px !important; }
.p-l-15 { padding-left: 15px !important; }
.p-l-20 { padding-left: 20px !important; }
.p-l-25 { padding-left: 25px !important; }
.p-l-30 { padding-left: 30px !important; }


/* Padding end */

/* Begin font size */
.f-8 { font-size: 8px !important; }
.f-9 { font-size: 9px !important; }
.f-10 { font-size: 10px !important; }
.f-11 { font-size: 11px !important; }
.f-12 { font-size: 12px !important; }
.f-13 { font-size: 13px !important; }
.f-14 { font-size: 14px !important; }
.f-15 { font-size: 15px !important; }
.f-16 { font-size: 16px !important; }
.f-17 { font-size: 17px !important; }
.f-18 { font-size: 18px !important; }
.f-19 { font-size: 19px !important; }
.f-20 { font-size: 20px !important; }
.f-22 { font-size: 22px !important; }
.f-26 { font-size: 26px !important; }
.f-30 { font-size: 30px !important; }
.f-36 { font-size: 36px !important; }
.f-56 { font-size: 56px !important; }

/* End font size */

/* Begin font weight */
.f-100 { font-weight: 100; }
.f-400 { font-weight: 400; }
.f-500 { font-weight: 500 !important; }
.f-600 { font-weight: 600 !important; }

/* End font weight */

/* Begin background colors */
.bgm-red { background-color: #F44336 !important; }
.bgm-green { background-color: #4CAF50 !important; }
.bgm-orange { background-color: #FF9800 !important; }
.bgm-gray { background-color: #9E9E9E !important; }
.bgm-white { background-color: #fff !important; }
.bgm-blue { background-color: #2196F3 !important; }
.bgm-lightblue { background-color: #03A9F4 !important; }
.bgm-lime { background-color: #CDDC39 !important; }
.bgm-lightgrayred { background-color: #F8F8F8 !important }
.bgm-indigo { background-color: #3F51B5 !important }
.bgm-pink { background-color: #9C27B0 !important }
.bgm-cyan { background-color: #00BCD4 !important }
.bgm-mauvelous { background-color: #F398AA !important }
.bgm-tangerine { background-color: #EE8A00 !important }
.bgm-lightgray{ background: #F6F6F6!important;}
.bgm-teal { background-color: #00807F !important }
.bgm-lightgreen {background-color: #bde0c0 !important;}
.bgm-purple { background-color: #673ab7 !important }
/* End background colors */

/* Begin text color */
.c-red { color: #F44336!important; }
.c-pink { color: #E91E63; }
.c-purple { color: #9C27B0; }
.c-deeppurple { color: #673AB7; }
.c-indigo { color: #3F51B5; }
.c-blue { color: #2196F3; }
.c-lightblue { color: #03A9F4; }
.c-cyan { color: #00BCD4; }
.c-teal { color: #009688; }
.c-green { color: #4CAF50; }
.c-lightgreen { color: #8BC34A; }
.c-lime { color: #CDDC39; }
.c-yellow { color: #FFEB3B; }
.c-amber { color: #FFC107; }
.c-orange { color: #FF9800!important; }
.c-gold { color: #BA791A; }
.c-deeporange { color: #FF5722; }
.c-brown { color: #795548; }
.c-gray { color: #9E9E9E; }
.c-dark { color: #484848!important; }
.c-bluegray { color: #607D8B; }
.c-bluedark { color: #006395!important; }
.c-black { color: #000000; }
.c-white { color: #fff; }
.c-light { color:rgba(255, 255, 255, 0.67); }
.c-darkgray { color: #444; }

/* End text color */

/* letter color color */
.bg-clr-a { background: #1D00C2 !important; }
.bg-clr-b { background: #CE0068 !important; }
.bg-clr-c { background: #56FF00 !important; }
.bg-clr-d { background: #FFC900 !important; }
.bg-clr-e { background: #FF7100 !important; }
.bg-clr-f { background: #B9B9B9 !important; }
.bg-clr-g { background: #07BAD2 !important; }
.bg-clr-h { background: #646464 !important; }
.bg-clr-i { background: #04F5E9 !important; }
.bg-clr-j { background: #430078 !important; }
.bg-clr-k { background: #da02e0 !important; }
.bg-clr-l { background: #E9335B !important; }
.bg-clr-m { background: #DC9125 !important; }
.bg-clr-n { background: #004B68 !important; }
.bg-clr-o { background: #FF0000 !important; }
.bg-clr-p { background: #B39D00 !important; }
.bg-clr-q { background: #AEB7AF !important; }
.bg-clr-r { background: #0F480F !important; }
.bg-clr-s { background: #8E108E !important; }
.bg-clr-t { background: #3E8BD9 !important; }
.bg-clr-u { background: #00A000 !important; }
.bg-clr-v { background: #3FD3A5 !important; }
.bg-clr-w { background: #A404FE !important; }
.bg-clr-x { background: #0C0050 !important; }
.bg-clr-y { background: #A2CC29 !important; }
.bg-clr-z { background: #481700 !important; }
.bg-clr-numeric { background: #CCC !important; }

/* end letter color color */

/* Begin position */
.l-height-15 { line-height: 15px }
.l-height-20 { line-height: 20px }
.l-height-24 { line-height: 24px }
.l-height-26 { line-height: 26px }
.l-height-30 { line-height: 30px }
.l-height-60 { line-height: 60px }
.p-relative { position: relative; }
.p-absolute { position: absolute; }
.p-fixed { position: fixed; }
.p-static { position: static !important; }
.left-0 { left: 0; }
.left-5 { left: 5px; }
.left-10 { left: 10px; }
.left-15 { left: 15px; }
.left-20 { left: 20px; }
.left-25 { left: 20px; }
.right-0 { right: 0; }
.right-5 { right: 5px; }
.right-10 { right: 10px; }
.right-15 { right: 15px; }
.right-20 { right: 20px; }
.right-25 { right: 25px; }
.top-0 { top: 0; }
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.bottom-0 { bottom: 0; }
.bottom-5 { bottom: 5px; }
.bottom-10 { bottom: 10px; }
.bottom-15 { bottom: 15px; }
.bottom-20 { bottom: 20px; }
.bottom-25 { bottom: 25px; }

/* End position */

/* Begin Full Width */
.h-100 { height: 100% !important; }
.w-100 { width: 100% !important; }
.w-90 { width: 90% !important; }
.w-80 { width: 80% !important; }
.w-70 { width: 70% !important; }
.w-60 { width: 60% !important; }
.w-50 { width: 50% !important; }
.w-40 { width: 40% !important; }
.w-30 { width: 30% !important; }
.w-20 { width: 20% !important; }
.w-10 { width: 10% !important; }
.mx-w-100 { max-width: 100%; }
.mx-w-90 { max-width: 90%; }
.mx-w-80 { max-width: 80%; }
.mx-w-70 { max-width: 70%; }
.mh-30{min-height: 30px;}
.mh0{min-height: 0px !important;}
.a-width{width: auto;}

.mw-200{min-width: 200px;}
.mw-160{min-width: 160px !important;}
/* End Full Width */
.zindex-10{z-index: 10;}
.no-float { float: none !important; }
.no-shadow { box-shadow: none !important; }
.uppercase { text-transform: uppercase !important; }
.lowercase { text-transform: lowercase !important; }
.capitalize { text-transform: capitalize !important; }
.cell { display: table-cell }
.inline-block { display: inline-block !important; }
.link { color: #4f85ab !important; /* transition: all 300ms ease 0s;  */ }
.link:hover { color: #08c !important }
.small { font-size: 70%; line-height: 15px; }
.no-radius { border-radius: 0 !important; }
.no-border { border: none !important; }
.no-left-border { border-left: none !important; }
.no-before:before,.no-after:after { content: none!important;}
.nowrap{white-space: nowrap;}
.no-top-shadow{box-shadow:0 3px 4px rgba(0, 0, 0, 0.18) !important;}
.border-bottom { border-bottom: 1px solid #E0E0E0 !important; }
.line-divider { height: 2px; background-color: #E0E0E0; }
.o-visible { overflow: visible!important; }
.o-hide { overflow: hidden!important; }
.o-x-hide { overflow-x: hidden; }
.o-y-hide { overflow-y: hidden; }
.cursor-p { cursor: pointer !important; }
.cursor-d { cursor: default !important; }
.cursor-t { cursor: text !important; }
.word-break { word-break: break-all; }
.word-keep { word-break: keep-all; }
.break-words { word-break: break-word !important;}
.l-zindex { z-index: 99 !important; }
.m-zindex { z-index: 999 !important; }
.h-zindex { z-index: 99999 !important; }
.v-top { vertical-align: top }
.v-text-top { vertical-align: text-top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.v-super { vertical-align: super; }
.italic { font-style: italic; }

/* Begin button styles */

.mini { font-size: 11px; height: auto; line-height: 14px; padding: 4px 10px; }
.medium { font-size: 13px; height: auto; line-height: 14px; padding: 6px 11px;font-weight: normal; }
.btn:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
}
.btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus { color: rgba(0, 0, 0, 0.26); cursor: not-allowed; box-shadow: none; }
.box-btn { background: #ffffff; border: 1px solid #e0e0e0; display: inline-block; padding: 5px 15px; }

/* animation effect */
.wave { position: relative; overflow: hidden; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; z-index: 0; }
.wave:hover { z-index: 1000; }
.btn-round { border-radius: 50%; width: 35px; height: 35px; padding: 0; line-height: 34px }
.ink { display: block; position: absolute; background: rgba(34, 34, 34, 0.15); border-radius: 100% !important; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); }
.animate { -webkit-animation: ripple 0.65s linear; -moz-animation: ripple 0.65s linear; -ms-animation: ripple 0.65s linear; -o-animation: ripple 0.65s linear; animation: ripple 0.65s linear; }
@-webkit-keyframes ripple {
    100% { opacity: 0; -webkit-transform: scale(2.5); }
}
@-moz-keyframes ripple {
    100% { opacity: 0; -moz-transform: scale(2.5); }
}
@-o-keyframes ripple {
    100% { opacity: 0; -o-transform: scale(2.5); }
}
@keyframes ripple {
    100% { opacity: 0; transform: scale(2.5); }
}

/* Begin card styles */
.card-wrap {/* display: block; *//* border-width: 0; *//* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);  */box-shadow: 0 0px 4px rgba(0, 0, 0, 0.25);border-radius: 3px;background-color: #fff;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.footer-action-wrap { right: 0; position: fixed; bottom: 0; color: #fff; text-transform: uppercase; left: 0; z-index: 9; }
.footer-card { border-width: 0; box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.11); background-color: #fff; z-index: 999;position: relative;}
.footer-action-wrap .page-content { min-height: 0 !important; }


/***********************************/
/******** confirmation modal **********/
/***********************************/

.modal-confirm {
    margin-left: -205px !important;
    width: 400px !important;
}
.modal-confirm .modal-header{ background-color:transparent;}
.modal-confirm .modal-header h3 {
    border-bottom:2px solid #b3b2b2;
    font-weight: 600;
    padding-bottom: 4px;
    text-align: left !important;
    color: #333;
}
.modal-confirm .modal-body {
    padding: 20px 10px;
}
.modal-confirm .modal-footer{
    padding: 0;    
    border-top: 1px solid #f9f9f9 !important;
}
.modal-confirm .modal-footer .btn {
    box-sizing: border-box;
    padding: 12px 0;
    width: 50%;
    font-weight: 600;
    border-top: 1px solid #d7d7d7;
    box-shadow: none;
}
.modal-confirm .modal-footer [data-dismiss="modal"]{
   float: left;
   background: #F7F7F7;
}
.modal-confirm .modal-footer .btn:hover
{
    background: #D2D2D2;
}

.modal-confirm .modal-footer .btn-danger{
    background: #e5e5e5;
    color: #d62c2c !important;
    float: right;       
}
.modal-confirm .modal-footer .btn-success{
    background: #e5e5e5;
    color: #50B054 !important;
    float: right;   
}
.t-center {
    width: 100%;
    text-align: center;
}
.error {
    color : #b94a48;
    font-size: 14px;
    /* line-height: 30px; */
    padding-bottom: 10px;
}
.success {
    color : #4a964d;
}

.page-head ul { margin: 0px; margin-left: -45px; }
.page-head ul li:first-child { padding-left: 0px; }
.page-head ul li { list-style-type: none; float: left; /* max-width: 68%;  */ word-break: break-all; position: relative; padding-left: 20px; }
.page-head ul li:first-child::before { background-image: none; }
.page-head ul li::before { content: ""; background: transparent url("../img/left-menu-icons.png") no-repeat scroll 60% 100%; position: absolute; height: 14px; width: 14px; top: 11px; left: 6px; }
.page-head ul li h4 { font-size: 15px; color: #969696; font-weight: 500; }
.page-head ul li h5 { font-size: 15px; color: #3B3B3B; font-weight: 600; margin: 8px 0px; }
.page-head .badge { margin-left: 10px; }

.page-head ul li.back_btn a {
    text-decoration: none;
    display: inline-block;
    padding: 6px 9px;
}

.page-head ul li.back_btn a.previous:hover {
    background-color: #ddd;
    color: black;
}

.page-head ul li.back_btn a.previous {
    background-color: #f1f1f1;
    color: black;
}

.page-head ul li.back_btn a.round {
    border-radius: 50%;
}
.btn_add i {
    border-radius: 3px 0 0 3px;
    float: left;
    left: -1px;
    line-height: 34px;
    margin: -8px 0 -8px -12px;
    position: relative;
    text-align: center;
    width: 34px;
    font-size: 14px;
}
.btn-icon i {
    font-size: 18px;
    color: #666;
}

.btn-group.btn-more .dropdown-toggle {
    border-radius: 100%;
    color: #ccc;
    float: left;
    font-size: 26px;
    height: 33px;
    line-height: 16px;
    padding: 0;
    text-align: center;
    width: 33px;
    box-shadow: none;
    border: none !important;
}
.dropdown-menu li i {
    font-size: 16px;
}
.row-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}
.read_more_link {
    cursor: pointer;
    padding-left: 10px;
}
/*.md-button.md-icon-button {
    padding: 0px !important;
    height: auto !important;
    margin: 0 !important;
    min-height: auto;
}*/

@font-face {
   font-family: 'Material Icons';
   font-style: normal;
   font-weight: 400;
   src: url(../fonts/icon_font/MaterialIcons-Regular.eot); /* For IE6-8 */
   src: local('Material Icons'),
        local('MaterialIcons-Regular'),
        url(../fonts/icon_font/MaterialIcons-Regular.woff2) format('woff2'),
        url(../fonts/icon_font/MaterialIcons-Regular.woff) format('woff'),
        url(../fonts/icon_font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

.portal_header {
    display: inline-block;
    color: #fff;
    font-size: 20px;
    width: 50%;
    text-align: center;
    padding: 10px;
}