body {
}
/* navbar */
.navbar.navbar-inverse {
    /*background-color:#007BA7;
    border-color:#36454F;*/
    /*background-color: #002147;*/
    /*background-color: #0acefa;
    border-color: #2ce6f2;*/
    background-color: #2fa1ba;
    border-color: #10ad95;
    border-width:4px;
    /*background-color:#2f4f4f;
    border-color:#228b22;*/
    /*background-color:#4169e1;
    border-color:#228b22;*/
}
    /* title */
    .navbar.navbar-inverse .navbar-brand {
        /*color: white;*/
        /*color: #0acefa;*/
        /*color: #84e9bd;*/
        color: #054529;
        font-weight: 500;
        font-family: Algerian;
        /*font-family:Curlz MT;*/
        /*font-family: Rosewood Std;*/
        /*font-family: Copperplate Gothic Light;*/
        /*font-family: Charlemagne Std;*/
        /*font-family: Bell MT;*/
    }
    .navbar.navbar-inverse .navbar-nav > li > a {
        /*color: #062b46;*/
        /*color:#070967;*/
        color:#cbf57c;
        font-weight:bold;
         
        /*Change active text color here*/
    }

    


.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: red;
}
/* link */
/*.navbar-inverse .navbar-nav > li > a {
    color: #777;
 
}*/

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #070967;
    background-color: #E7E7E7;
}

.navbar-inverse .navbar-nav > .active > a {
    background-color: #8a9294;
    color: #1b0a71;
}

    .navbar-inverse .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        background-color: #415053;
        color: #c385dc;
    }

/*.navbar-inverse {
    background-color: #0094ff;
}*/
/*.navbar-inverse {
    background-color:gray;

}*/
.navbar-default {
    background-color: red;
    border-color: #E7E7E7;
}

.ngdialog-test {
    color: white;
    width: 60%;
    height: 60%;
    margin: auto;
    /*background: transparent;
  border-radius: 3px;
  color: #bbb;
  content: '\00D7';
  font-size: 26px;
  font-weight: 400;
  height: 30px;
  line-height: 26px;
  position: absolute;
  right: 3px;
  text-align: center;
  top: 3px;
  width: 30px;
  background-color:green;
  color:red;*/
}

/*.ngdialog-test.ngdialog-test-theme-default .ngdialog-test-close:before {
        background: transparent;
        border-radius: 3px;
        color: #bbb;
        content: '\00D7';
        font-size: 26px;
        font-weight: 400;
        height: 30px;
        line-height: 26px;
        position: absolute;
        right: 3px;
        text-align: center;
        top: 3px;
        width: 30px;
        background-color: green;
        color: red;
    }*/

/*.ngdialog2.ngdialog2-theme-default .ngdialog2-close:before {
    background: transparent;
    border-radius: 3px;
    color: #bbb;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 30px;
    background-color: green;
    color: red;
}*/


/* title */
/*.navbar-default .navbar-brand {
        color: #777;
    }

        .navbar-default .navbar-brand:hover,
        .navbar-default .navbar-brand:focus {
            color: red;
        }*/
/* link */
/*.navbar-default .navbar-nav > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav > li > a:hover,
        .navbar-default .navbar-nav > li > a:focus {
            color: red;
        }*/

/*.navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > .active > a:focus {
        color: green;
        background-color: #E7E7E7;
    }*/

/*.navbar-default .navbar-nav > .open > a,
    .navbar-default .navbar-nav > .open > a:hover,
    .navbar-default .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #D5D5D5;
    }*/
/* caret */
/*.navbar-default .navbar-nav > .dropdown > a .caret {
        border-top-color: #777;
        border-bottom-color: #777;
    }

    .navbar-default .navbar-nav > .dropdown > a:hover .caret,
    .navbar-default .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: #333;
        border-bottom-color: #333;
    }

    .navbar-default .navbar-nav > .open > a .caret,
    .navbar-default .navbar-nav > .open > a:hover .caret,
    .navbar-default .navbar-nav > .open > a:focus .caret {
        border-top-color: #555;
        border-bottom-color: #555;
    }
    /* mobile version */

/*
.navbar-default .navbar-toggle {
    border-color: #DDD;
}

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #DDD;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #CCC;
    }

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
        }
}

*/


/* check box */

  input.cl[type="checkbox"] {
        /*width: 100px;
        height: 100px*/;

         left: 0px
    }

  /* check box */